iOS开发OC 与 JavaScript 交互 ，HTML.CSS基础知识

首先 什么是JavaScript？

JavaScript是一门广泛用于浏览器客户端的脚本语言
由Netspace公司设计，当时跟Sun公司合作，所以名字起得像Java
业内一般简称JS

JS的常见用途
HTML DOM操作(节点操作，比如添加／修改／删除节点)
给HTML页面增加动态功能，比如动画
事件处理：比如监听鼠标点击/鼠标滑动/键盘输入

JS常见的书写方式有2种
页内JS：在当前网页的script标签中编写

外部JS

- OC主动调用JS代码,去操纵网页,可以删除里面的元素,还可以给里面的东西绑定点击事件
  在WebView的- (void)webViewDidFinishLoad:(UIWebView *)webView方法中执行.

- JS主动OC
    JS里面的所有操作,最终通过 window.location.href = 请求路径
    才能被OC里面的 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType方法调用
    其实这个时候,JS已经和OC交互

什么是HTML和CSS？
HTML是前端开发语言—H5工程师
HTML俗称网页 它叫做超文本标记语言
HTML 表示内容，能在网页上面按到的东西都是内容。

CSS 层叠样式表 控制HTML标签的样式 决定网页长什么样子。

基础实例：
常见的HTML标签
■ 标题：h1、h2、h3、h4、h5....
■ 段落：p
■ 换行：br
■ 容器：div、span（用来容纳其他标签）
■ 表格：table、tr、td
■ 列表：ul、ol、li
■ 图片：img
■ 表单：input
■ 链接：a

HTML的编写

• hello world
• 
  

  CSS的编写格式是键值对形式的，比如
  color：red；
  background－color：blue；
  font－size：20px；
  p 冒号：左边的是属性名，冒号：右边的是属性值

  CSS有3种书写形式

  行内样式：（内联样式）直接在标签的style属性中书写
  

  页内样式：在本网页的style标签中书写
  

  外部样式：在单独的CSS文件中书写，然后在网页中用link标签引用
  

  用css选择对应的html标签，为之添加样式

  根据标签名找到标签

  
  C7E233F8-1C72-4CA8-BFF2-873A1F547DFD.png

  类选择器

  
  A68B5515-226F-434C-A60A-8B693EB215AC.png

  .类选择器的格式
  p 类名

  id选择器

  
  3FB1E92A-5271-4EA4-8615-ED5E1E59DA30.png

  id选择器的格式
  ＃id