第二週過去了,這周學習了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中,若是多個參數都相同的狀況,打印的時候通常是輸出最後一個參數的值。
我的總結:這周學習的東西有點多,週六休息了一天沒敲代碼,週日複習就變得吃力起來了,敲代碼這活仍是一天都不能斷啊。有時候上課看着屏幕看着看着就走神了,還好能及時回來,否則就走遠了。下週仍是要繼續努力啊。