首頁  >  文章  >  web前端  >  Javascript基礎(三)BOM,DOM總結_基礎知識

Javascript基礎(三)BOM,DOM總結_基礎知識

WBOY
WBOY原創
2016-05-16 16:34:541338瀏覽

window物件:

開啟和關閉視窗:

window.open()

三個參數:1.載入新視窗的頁面的URL

  2.新視窗的名字

  3.特性字串和說明是否用新載入的頁面取代目前載入的頁面的Boolean值。

window.close()

系統對話框:

1.alert("hello world!");

2.confirm("Are you sure?");---選擇

3.prompt("你的名字是說明?","");

時間間隔

setTimeout("alert('hello world!')",3000)間隔3秒鐘執行hello world只執行一次

cleanTimeout

setInterval("alert('hello world')".3000)每隔3秒執行一次

CleanInterval

歷史

window.history.go(-1)回到上一頁

window.history.back回到上一頁

window.history.go(1)前進一頁

window.history.forward前進一頁

window.history.length查詢看歷史中的頁數

document物件:

document.links[0]存取連結

document.images[0]或document.images["imgHome"]存取映像

document.forms[0]或document.forms["frmSubscribe"]存取表單

Location對象

href:目前載入的頁面的完整的URL

DOM中最主要的節點:

1.元素節點(Elenment);

2.屬性節點(Attributes);

3.文本節點(Text);

4.註解節點(Comment);

所有類型節點的通用方法:

找:

nodeName:節點名字

nodeValue:節點的值(主要針對文字節點,如果是元素節點回傳為null;)

nodeType:節點的型別

firstChild:第一個兒子*****

lastChild:第二個兒子*****

childNodes:所有的子節點*****(兩種方式)////

previousSibling:指向前一個兄弟節點(同級**);

nextSibling:指向後一個兄弟節點(同級**);

操作:

attributes:包含了代表的一個元素的特性的Attr對象,僅用於Element節點

appendChild:新增一個新的節點在最後

removeChild:刪除一個節點

replaceChild:替換

insertBefore:在...之前加入一個節點

建立:

createElement:建立一個元素節點

createTextNode:建立一個文字節點

克隆:

cloneNode:複製一個節點  true(深度複製)false(淺度複製)

存取指定的節點:

getElementById:找出指定的Id;

getElementsByTagName:找出指定元素的型別(陣列的形式);

getElementsName:找出指定元素的Name;

屬性的查找,改變,設定:

getArrtibute:屬性的找出;

setArrtibute:屬性的改變  例如:setArribute(class,red)第一個參數是改變class,第二個設定為紅色;

removeAttibute:刪除屬性;

覆蓋,增加文字的值:

innerHTML

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn