c#開發之三---前端技術DOM

第一章 BOM（瀏覽器對象模型 (BOM) ）

1.1 window對象

window對象表示瀏覽器窗口，可以通過window對象操作瀏覽器。瀏覽器里面所有的javascript方法，變量等全是widonw對象的成員。甚至 HTML DOM 的 document 也是 window 對象的屬性。

1.2 window對象的方法：

alert（）     //彈出信息

confirm（）   //提示是否刪除對話框，返回ture和false.

navigate（）   //導航，把網頁跳轉到另一個地址。

setinterval(方法，時間)  //每間隔一段時間執行一次方法。


1.2 window屬性

1、location屬性：地址欄。
hostname:域名.
href:地址欄地址。
port:端口。
reload():刷新當前頁。

 <input type="button" value="跳轉到新浪" onclick="location.  

2、event屬性

表示事件發生時是否另外觸發了某個事件。如，是否按下了ctrl鍵。如觸發了另外的事件，反回ture，否則返回false。

function nav() {
            ///當檢測到按下ctrl鍵時，反回值為ture,否則為false
            if (event.ctrlKey)                                  
                location.;
            else
                location.;

4、鼠標座標
clickx  ,clicky: 一般為在鼠標在文檔中的位置。

screenx,screeny：鼠標在屏幕中的位置。

offsetx,sffsety:鼠標在當前對象中的位置。


5、returnvalue
即是否取消某個html元素的默認行為。

如 submit，默認是提交表單行為，但我們做一下判斷，如果文本框中輸入的值不對，或沒有輸入值時，就不作提交。此時我們就可以用returnvalue屬性，把他賦值為false即可。

例：

6、srcelement  事件源，可以返回事件產生者，即是誰干的這件事。

7、screen，返回當前屏幕的分辯率。

1.3、事件
動態注冊事件時，把函數賦值給事件時，不能加后面的括號。

function f2() {
                                           
                location.;
           

docment. //后面不能加括號。此時的f2是一個函數。此時在移動鼠標時，就會執行函數f2。

docment. //如果這樣寫，就是把f2函數的結果返回給這個事件，f2函數沒有定義返回，返回的結果就是undefined.



第二章DOM

2.1、docoment對象
docoment的區域是整個頁面。而body的區域是在有Html元素的區域內。

2.1.1方法：
1、docoment.write();//輸出文檔內容，里面可以帶標簽。

2、getelementbyid()根據Id獲得對象

有時候多層元素中，如form中的一個input標簽，即使有ID也沒法直接調用，但用getelementbyid就可以。這個方法可以找到整個頁面里的ID。不管是多少層內的。
3、getElementByName()，根據名字獲得對象。


4、getElementsByTagName(),根據標簽名獲得對象。





2.1.2屬性

1、docuoment.documentelement   //當前文檔的根節點
節點：包括標簽，文字，注釋等頁面里的所有元素。
元素：元素就是標簽。
children：子元素。
childnodes:子節點。子元素和子節點都只能找到直接子元素和子節點。多層的找不到。



2.2 body對象





2.3form對象