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

來源:互聯網
上載者:User

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

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


JavaScript的BOM與DOM有什不同?

兩個都要學。
BOM是瀏覽器物件模型,用來擷取或設定瀏覽器的屬性、行為,例如:建立視窗、擷取螢幕解析度、瀏覽器版本號碼等。
DOM是文件物件模型,用來擷取或設定文檔中標籤的屬性,例如擷取或者設定input表單的value值。
BOM的內容不多,主要還是DOM。

由於DOM的操作對象是文檔(Document),所以dom和瀏覽器沒有直接關係。
 
javascript中的dom與bom有什不同?不太理解

一句話說不清楚
bom和瀏覽器有直接關係,dom和瀏覽器沒有直接關係。
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.