【嘉興東臣php】JS BOM DOM周總結

       第二週過去了,這周學習了JS訪問頁面內容的功能,也就是BOM和DOM,BOM和DOM是獨立於程序語言的和平臺的標準,W3C定義了一組標準接口,而這些接口在瀏覽器中以對象的形式實現。BOM和DOM均由一組對象組成,對象定義了屬性和方法。web

1、BOM

     BOM :針對於瀏覽器操做的結構模型,並非學習的重點,瞭解一下就能夠了。
瀏覽器

    一、history : 例如:history.go(-1) 上一級頁面安全

    二、location :例如:location.href="網址";當前窗口跳轉頁面函數

    三、open : 例如:open("網址") 新窗口打開網址學習

    四、close : 例如:window.close() 關閉當前窗口spa

    五、setTimeout( 代碼片斷,執行時間(毫秒) ); 定時器orm

    六、setInterval( 代碼片斷,定時調用的間隔時間(毫秒))對象

    七、window.screen.width    window.screen.height 屏幕的分辨率接口

2、DOM

    DOM:文檔結構模型seo

    節點:節點其實就是元素標籤。

        子節點:firstChild、lastChild、firstElementChild、lastElementChild( 首先firstChild在FF下是會識別特殊字符的好比 換行、空格等,在IE下不會,可是firstElementChild 只會返回元素節點。)

        父節點: parentNode  其實就是找上一級的節點元素。

        兄弟節點:nextSibling(下一個兄弟節點) 、previousSibling(上一個兄弟節點)、nextElementSibling、previousElementSibling


    事件: 其實就是交互的一個響應動做。

        onclick 點擊事件

        onblur  失焦事件

        onfocus 聚焦事件

        onkeyup 鍵盤釋放事件

        onkeydown 鍵盤按下事件

        onchange 改變值的失焦事件

        onsubmit 表單提交事件

        onreset 表單重置事件

        onmouseover 鼠標移入事件         

        onmousemove 鼠標移動事件


    函數:其實就是一個代碼片斷

    var abc = function(){}


      function abc(){}


    表單:<form> 用於提交表單內輸入的信息。

        action: URL地址

        method:GET POST

            GET:

                URL爲明文 也就是顯示在地址欄裏

                相對不安全

                長度是有必定的限制的。 


            POST:

                URL爲密文

                相對安全

                長度相對沒有限制

        注意:若是須要提交表單的話,要加入屬性name,否則後臺接受不到。

3、做用域

     預解析:事先把程序裏的var 和 function 預編譯,然後再按照執行順序從上到下執行。

    預解析法則:

    一、JS裏沒有塊做用域,只有函數做用域,全局的變量,在局部是可使用,可是局部的變量,全局不可使用。

    二、就近原則。特指在函數做用域內,若是做用域內有被定義,那麼就取做用域內的變量,若是沒有,則去外層找。注意:在做用域內若是變量沒有加var,而這個已經被定義,那麼這個變量就是全局變量。

    三、在JS中,若是參數和局部變量相同的話,會有優先級概念,通常會至關於在局部內定義了一個變量var,而不去找全局的變量。

    四、在JS中,若是多個參數都相同的狀況,打印的時候通常是輸出最後一個參數的值。


我的總結:這周學習的東西有點多,週六休息了一天沒敲代碼,週日複習就變得吃力起來了,敲代碼這活仍是一天都不能斷啊。有時候上課看着屏幕看着看着就走神了,還好能及時回來,否則就走遠了。下週仍是要繼續努力啊。

相關文章
相關標籤/搜索