ios webview与JS的交互

最近写了一个与JS交互的程序，了解了下HTML ,HTML DOM,JS相关的知识

1.什么是 DOM？

通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。

所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。

DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。

DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：

Core DOM

定义了一套标准的针对任何结构化文档的对象

XML DOM

定义了一套标准的针对 XML 文档的对象

HTML DOM

定义了一套标准的针对 HTML 文档的对象。

2.通过DOM，访问HTML文档中的节点

getElementById() 和 getElementsByTagName()

getElementById() 和 getElementsByTagName() 这两种方法，可查找整个 HTML 文档中的任何 HTML 元素。

3.IOS中webview与JS交互的代码

    [webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
         "script.type = 'text/javascript';"
         "script.text = \"function myFunction() { "
         "var field = document.getElementsByName('word')[0];"
         "field.value='测试';"
         "document.forms[0].submit();"
         "}\";"
         "document.getElementsByTagName('head')[0].appendChild(script);"];
        [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"]; 

上面的代码是把JS代码写入到html网页中，然后执行函数，实现JS中的功能。

通过  stringByEvaluatingJavaScriptFromString 函数，可以实现webview强大的交互功能

4.整合了HTML、HTML DOM、JS、IOS 这四块的知识，JS需要重点加强

5.资料来源：

5.1 HTML知识: http://www.w3school.com.cn/h.asp

5.2 HTML DOM 知识：http://www.w3school.com.cn/htmldom/index.asp