最近寫了一個與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 文件的物件

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();"]; 
 

通過  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