Javascript基礎(chǔ)知識(shí)(三)BOM,DOM總結(jié)
window對(duì)象:
打開(kāi)和關(guān)閉窗口:
window.open()
三個(gè)參數(shù):1.載入新窗口的頁(yè)面的URL
2.新窗口的名字
3.特性字符串和說(shuō)明是否用新載入的頁(yè)面替換當(dāng)前載入的頁(yè)面的Boolean值。
window.close()
系統(tǒng)對(duì)話(huà)框:
1.alert("hello world!");
2.confirm("Are you sure?");---選擇
3.prompt("你的名字是說(shuō)明?","");
時(shí)間間隔
setTimeout("alert('hello world!')",3000)間隔3秒鐘執(zhí)行hello world只執(zhí)行一次
cleanTimeout
setInterval("alert('hello world')".3000)每隔3秒中執(zhí)行一次
CleanInterval
歷史
window.history.go(-1)回到上一頁(yè)
window.history.back回到上一頁(yè)
window.history.go(1)前進(jìn)一頁(yè)
window.history.forward前進(jìn)一頁(yè)
window.history.length查詢(xún)看歷史中的頁(yè)面數(shù)
document對(duì)象:
document.links[0]訪(fǎng)問(wèn)鏈接
document.images[0]或document.images["imgHome"]訪(fǎng)問(wèn)圖像
document.forms[0]或document.forms["frmSubscribe"]訪(fǎng)問(wèn)表單
Location對(duì)象
href:當(dāng)前載入的頁(yè)面的完整的URL
DOM中最主要的節(jié)點(diǎn):
1.元素節(jié)點(diǎn)(Elenment);
2.屬性節(jié)點(diǎn)(Attributes);
3.文本節(jié)點(diǎn)(Text);
4.注釋節(jié)點(diǎn)(Comment);
所有類(lèi)型節(jié)點(diǎn)的通用方法:
查找:
nodeName:節(jié)點(diǎn)名字
nodeValue:節(jié)點(diǎn)的值(主要針對(duì)文本節(jié)點(diǎn),如果是元素節(jié)點(diǎn)返回為null;)
nodeType:節(jié)點(diǎn)的類(lèi)型
firstChild:第一個(gè)兒子*****
lastChild:第二個(gè)兒子*****
childNodes:所有的子節(jié)點(diǎn)*****(兩種方式)////
previousSibling:指向前一個(gè)兄弟節(jié)點(diǎn)(同級(jí)**);
nextSibling:指向后一個(gè)兄弟節(jié)點(diǎn)(同級(jí)**);
操作:
attributes:包含了代表的一個(gè)元素的特性的Attr對(duì)象,僅用于Element節(jié)點(diǎn)
appendChild:添加一個(gè)新的節(jié)點(diǎn)在最后
removeChild:刪除一個(gè)節(jié)點(diǎn)
replaceChild:替換
insertBefore:在...之前添加一個(gè)節(jié)點(diǎn)
創(chuàng)建:
createElement:創(chuàng)建一個(gè)元素節(jié)點(diǎn)
createTextNode:創(chuàng)建一個(gè)文本節(jié)點(diǎn)
克隆:
cloneNode:復(fù)制一個(gè)節(jié)點(diǎn) true(深度復(fù)制)false(淺度復(fù)制)
訪(fǎng)問(wèn)指定的節(jié)點(diǎn):
getElementById:查找指定的Id;
getElementsByTagName:查找指定元素的類(lèi)型(數(shù)組的形式);
getElementsName:查找指定元素的Name;
屬性的查找,改變,設(shè)置:
getArrtibute:屬性的查找;
setArrtibute:屬性的改變 例如:setArribute(class,red)第一個(gè)參數(shù)是改變class,第二個(gè)設(shè)置為紅色;
removeAttibute:刪除屬性;
覆蓋,添加文本的值:
innerHTML
相關(guān)文章
全面了解JavaScirpt 的垃圾(garbage collection)回收機(jī)制
下面小編就為大家?guī)?lái)一篇全面了解JavaScirpt 的垃圾(garbage collection)回收機(jī)制。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07javascript indexOf方法、lastIndexOf 方法和substring 方法
indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。2009-03-03跨域請(qǐng)求的完美解決方法(JSONP, CORS)
下面小編就為大家?guī)?lái)一篇跨域請(qǐng)求的完美解決方法(JSONP, CORS)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06JavaScript基礎(chǔ)語(yǔ)法與數(shù)據(jù)類(lèi)型介紹
這篇文章介紹了JavaScript基礎(chǔ)語(yǔ)法與數(shù)據(jù)類(lèi)型,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-02-02a標(biāo)簽的href和onclick 的事件的區(qū)別介紹
a標(biāo)簽的href與onclick事件,想必大家不陌生吧,至于它們有什么區(qū)別,你知道嗎?下面就為大家介紹下,感興趣的朋友可以學(xué)習(xí)下,希望對(duì)大家有所幫助2013-07-07現(xiàn)如今最流行的JavaScript代碼規(guī)范
流行的雖然不一定是好的,但是從交流的角度來(lái)說(shuō),按照流行的風(fēng)格編寫(xiě)代碼,可以讓你的代碼在大多數(shù)人看起來(lái)更習(xí)慣2014-03-03