JsDom 編程小結(jié)
更新時(shí)間：2011年08月09日 21:24:39 作者：
JsDom編程小結(jié)，需要進(jìn)行dom操作的朋友可以參考下。
1.瀏覽器兼容問(wèn)題：
瀏覽器兼容性的例子：ie6，ie7對(duì)table.appendChild("tr")的支持和IE8不一樣，用insertRow、insertCell來(lái)代替或者為表格添加tbody，然后向tbody中添加tr。FF(FireFox)不支持InnerText,用textContent代替
2.幾乎所有DOM元素都有innerText、innerHTML屬性（注意大小寫(xiě)），分別是元素標(biāo)簽內(nèi)內(nèi)容的文本表示形式和HTML源代碼，這兩個(gè)屬性是可讀可寫(xiě)的。
動(dòng)態(tài)創(chuàng)建元素的時(shí)候innerHTML可以代替createElement(),屬于簡(jiǎn)單，粗放型，后果自負(fù)的創(chuàng)建
3.write():
document.write()只能在頁(yè)面加載過(guò)程中才能動(dòng)態(tài)創(chuàng)建
4.
document是window對(duì)象的一個(gè)屬性，因?yàn)槭褂脀indow對(duì)象成員的時(shí)候可以省略window.，所以一般直接寫(xiě)document
5.history操作歷史記錄
window.history.back()后退；window.history.forward()前進(jìn)。也可以用window.history.go(-1)、window.history.go(1)前進(jìn)
6.clipboardData對(duì)象，對(duì)粘貼板的操作:
clearData("Text")清空粘貼板；getData("Text")讀取粘貼板的值，返回值為粘貼板中的內(nèi)容；setData("Text",val)，設(shè)置粘貼板中的值。
7.oncopy="setTimeout('modifyClipboard()',100)"。用戶復(fù)制動(dòng)作發(fā)生0.1秒以后再去改粘貼板中的內(nèi)容。100ms只是一個(gè)經(jīng)常取值，寫(xiě)1000、10、50、200……都行。不能直接在oncopy里修改粘貼板。不能直接在oncopy中執(zhí)行對(duì)粘貼板的操作，因此設(shè)定定時(shí)器，0.1秒以后執(zhí)行，這樣就不再oncopy的執(zhí)行調(diào)用棧上了
8.returnValue屬性:
returnValue屬性，如果將returnValue設(shè)置為false，就會(huì)取消默認(rèn)事件的處理。在超鏈接的onclick里面禁止訪問(wèn)href的頁(yè)面。在表單校驗(yàn)的時(shí)候禁止提交表單到服務(wù)器，防止錯(cuò)誤數(shù)據(jù)提交給服務(wù)器、防止頁(yè)面刷新。
//window.event.returnValue不兼容火狐瀏覽器
9.
window.event對(duì)象的成員：
srcElement，獲得事件源對(duì)象。幾個(gè)事件共享一個(gè)事件響應(yīng)函數(shù)用。****_click(object sender,EventArgs e)//只有IE支持。
button，發(fā)生事件時(shí)鼠標(biāo)按鍵，1為左鍵，2為右鍵，3為左右鍵同時(shí)按。//要測(cè)試event.button的值的時(shí)候，請(qǐng)?jiān)趏nmousedown事件中測(cè)試。如果在onclick事件中只能識(shí)別鼠標(biāo)左鍵的單擊。
10.
window.location.href=‘';//重新導(dǎo)航到新頁(yè)面,可以取值，也可以賦值。
window.location.reload();//刷新當(dāng)前頁(yè)
location.search：獲得url（？號(hào)以后的,包含？）
11.
（1）onload：網(wǎng)頁(yè)加載完畢時(shí)觸發(fā)，瀏覽器是一邊下載文檔、一邊解析執(zhí)行，可能會(huì)出現(xiàn)JavaScript執(zhí)行時(shí)需要操作某個(gè)元素，這個(gè)元素還沒(méi)有加載，如果這樣就要把操作的代碼放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加載完畢時(shí)觸發(fā)，body onload才是全部加載完成
（2）onunload：網(wǎng)頁(yè)關(guān)閉（或者離開(kāi)）后觸發(fā)。
（3）onbeforeunload：在網(wǎng)頁(yè)準(zhǔn)備關(guān)閉（或者離開(kāi)）前觸發(fā)。
<body onbeforeunload=“return ‘真的要放棄發(fā)帖退出嗎?'; ">。顯示的文字隨瀏覽器版本而有差異。
12.
js中調(diào)用方法的時(shí)候就是把指針賦給它
var t=add;
function add(){}
13.
window.event.clientX是客戶端可視界面
14.
一、setInterval(code,time)方法可以每隔 time毫秒執(zhí)行一次code.
其中的code有兩種方式：
1.直接傳入 某個(gè)方法 對(duì)象 - setInterval(showTime,1000);
2.直接傳入要執(zhí)行 的 js代碼字符串 - setInterval("alert(1);",1000);
二、關(guān)于 for in (用來(lái)循環(huán) 對(duì)象的屬性和值)
使用 for in 來(lái)循環(huán)數(shù)組時(shí)，會(huì)將 數(shù)組的屬性先循環(huán)出來(lái)
然后再 循環(huán) 數(shù)組里的元素 ，但此時(shí) 循環(huán)出來(lái)的 k 是元素的下標(biāo)
三、innerHTML
將 字符串 添加到 對(duì)應(yīng)的 雙標(biāo)簽 中間。
并且立刻對(duì) 該字符串進(jìn)行解析，如果符合html標(biāo)簽的語(yǔ)法，
則，立即調(diào)用 瀏覽器的解析器，對(duì)該字符串進(jìn)行html解析，并
生成對(duì)應(yīng)的 dom 對(duì)象，最后，將該dom對(duì)象，追加到被添加的
對(duì)象的 子元素 集合(ChildNodes)中。
15.
ShowModalDialog函數(shù)的功能：
打開(kāi)一個(gè)子窗口，并且可與父窗口相互傳遞數(shù)據(jù)，它與window.open的最大區(qū)別
就在于由ShowModalDialog打開(kāi)子窗口后，父窗口將不能操作。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
參數(shù)說(shuō)明：
sURL
必選參數(shù)，類(lèi)型：字符串。用來(lái)指定對(duì)話框要顯示的文檔的URL。
vArguments
可選參數(shù)，類(lèi)型：變體。用來(lái)向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類(lèi)型不限，包括數(shù)
組等。對(duì)話框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)。
sFeatures
可選參數(shù)，類(lèi)型：字符串。用來(lái)描述對(duì)話框的外觀等信息，可以使用以下的一個(gè)
或幾個(gè)，用分號(hào)“;”隔開(kāi)。
dialogHeight 對(duì)話框高度，不小于１００px，ＩＥ４中dialogHeight
和 dialogWidth 默認(rèn)的單位是em，而ＩＥ５中是px，為方便其見(jiàn)，在定義modal
方式的對(duì)話框時(shí)，用px做單位。
dialogWidth: 對(duì)話框?qū)挾取?
dialogLeft: 距離桌面左的距離。
dialogTop: 離桌面上的距離。
center: {yes | no | 1 | 0 }：窗口是否居中，默認(rèn)yes，但仍可以指定
高度和寬度。
help: {yes | no | 1 | 0 }：是否顯示幫助按鈕，默認(rèn)yes。
resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改變大小。默
認(rèn)no。
status: {yes | no | 1 | 0 } ［IE5+］：是否顯示狀態(tài)欄。默認(rèn)為yes[
Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }：指明對(duì)話框是否顯示滾動(dòng)
條。默認(rèn)為yes。
參數(shù)傳遞方法：
父窗口向子窗口傳遞參數(shù)采用ShowModalDialog的第2個(gè)參數(shù)即可，父窗口要獲取
子窗口傳回的參數(shù)則可通過(guò)ShowModalDialog函數(shù)的返回值獲取。
子窗口獲取父窗口參數(shù)的方法為采用子窗口window對(duì)象dialogArguments屬性獲
取，例如：
parent.html
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog
("modal.html",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.html
<script>
var obj = window.dialogArguments
alert("您傳遞的參數(shù)為：" + obj.name)
</script>
子窗口向父窗口返回參數(shù)采用window.returnValue屬性，如：
window.returnValue=1;
window.close();
瀏覽器兼容性的例子：ie6，ie7對(duì)table.appendChild("tr")的支持和IE8不一樣，用insertRow、insertCell來(lái)代替或者為表格添加tbody，然后向tbody中添加tr。FF(FireFox)不支持InnerText,用textContent代替
2.幾乎所有DOM元素都有innerText、innerHTML屬性（注意大小寫(xiě)），分別是元素標(biāo)簽內(nèi)內(nèi)容的文本表示形式和HTML源代碼，這兩個(gè)屬性是可讀可寫(xiě)的。
動(dòng)態(tài)創(chuàng)建元素的時(shí)候innerHTML可以代替createElement(),屬于簡(jiǎn)單，粗放型，后果自負(fù)的創(chuàng)建
3.write():
document.write()只能在頁(yè)面加載過(guò)程中才能動(dòng)態(tài)創(chuàng)建
4.
document是window對(duì)象的一個(gè)屬性，因?yàn)槭褂脀indow對(duì)象成員的時(shí)候可以省略window.，所以一般直接寫(xiě)document
5.history操作歷史記錄
window.history.back()后退；window.history.forward()前進(jìn)。也可以用window.history.go(-1)、window.history.go(1)前進(jìn)
6.clipboardData對(duì)象，對(duì)粘貼板的操作:
clearData("Text")清空粘貼板；getData("Text")讀取粘貼板的值，返回值為粘貼板中的內(nèi)容；setData("Text",val)，設(shè)置粘貼板中的值。
7.oncopy="setTimeout('modifyClipboard()',100)"。用戶復(fù)制動(dòng)作發(fā)生0.1秒以后再去改粘貼板中的內(nèi)容。100ms只是一個(gè)經(jīng)常取值，寫(xiě)1000、10、50、200……都行。不能直接在oncopy里修改粘貼板。不能直接在oncopy中執(zhí)行對(duì)粘貼板的操作，因此設(shè)定定時(shí)器，0.1秒以后執(zhí)行，這樣就不再oncopy的執(zhí)行調(diào)用棧上了
8.returnValue屬性:
returnValue屬性，如果將returnValue設(shè)置為false，就會(huì)取消默認(rèn)事件的處理。在超鏈接的onclick里面禁止訪問(wèn)href的頁(yè)面。在表單校驗(yàn)的時(shí)候禁止提交表單到服務(wù)器，防止錯(cuò)誤數(shù)據(jù)提交給服務(wù)器、防止頁(yè)面刷新。
//window.event.returnValue不兼容火狐瀏覽器
9.
window.event對(duì)象的成員：
srcElement，獲得事件源對(duì)象。幾個(gè)事件共享一個(gè)事件響應(yīng)函數(shù)用。****_click(object sender,EventArgs e)//只有IE支持。
button，發(fā)生事件時(shí)鼠標(biāo)按鍵，1為左鍵，2為右鍵，3為左右鍵同時(shí)按。//要測(cè)試event.button的值的時(shí)候，請(qǐng)?jiān)趏nmousedown事件中測(cè)試。如果在onclick事件中只能識(shí)別鼠標(biāo)左鍵的單擊。
10.
window.location.href=‘';//重新導(dǎo)航到新頁(yè)面,可以取值，也可以賦值。
window.location.reload();//刷新當(dāng)前頁(yè)
location.search：獲得url（？號(hào)以后的,包含？）
11.
（1）onload：網(wǎng)頁(yè)加載完畢時(shí)觸發(fā)，瀏覽器是一邊下載文檔、一邊解析執(zhí)行，可能會(huì)出現(xiàn)JavaScript執(zhí)行時(shí)需要操作某個(gè)元素，這個(gè)元素還沒(méi)有加載，如果這樣就要把操作的代碼放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加載完畢時(shí)觸發(fā)，body onload才是全部加載完成
（2）onunload：網(wǎng)頁(yè)關(guān)閉（或者離開(kāi)）后觸發(fā)。
（3）onbeforeunload：在網(wǎng)頁(yè)準(zhǔn)備關(guān)閉（或者離開(kāi)）前觸發(fā)。
<body onbeforeunload=“return ‘真的要放棄發(fā)帖退出嗎?'; ">。顯示的文字隨瀏覽器版本而有差異。
12.
js中調(diào)用方法的時(shí)候就是把指針賦給它
var t=add;
function add(){}
13.
window.event.clientX是客戶端可視界面
14.
一、setInterval(code,time)方法可以每隔 time毫秒執(zhí)行一次code.
其中的code有兩種方式：
1.直接傳入 某個(gè)方法 對(duì)象 - setInterval(showTime,1000);
2.直接傳入要執(zhí)行 的 js代碼字符串 - setInterval("alert(1);",1000);
二、關(guān)于 for in (用來(lái)循環(huán) 對(duì)象的屬性和值)
使用 for in 來(lái)循環(huán)數(shù)組時(shí)，會(huì)將 數(shù)組的屬性先循環(huán)出來(lái)
然后再 循環(huán) 數(shù)組里的元素 ，但此時(shí) 循環(huán)出來(lái)的 k 是元素的下標(biāo)
三、innerHTML
將 字符串 添加到 對(duì)應(yīng)的 雙標(biāo)簽 中間。
并且立刻對(duì) 該字符串進(jìn)行解析，如果符合html標(biāo)簽的語(yǔ)法，
則，立即調(diào)用 瀏覽器的解析器，對(duì)該字符串進(jìn)行html解析，并
生成對(duì)應(yīng)的 dom 對(duì)象，最后，將該dom對(duì)象，追加到被添加的
對(duì)象的 子元素 集合(ChildNodes)中。
15.
ShowModalDialog函數(shù)的功能：
打開(kāi)一個(gè)子窗口，并且可與父窗口相互傳遞數(shù)據(jù)，它與window.open的最大區(qū)別
就在于由ShowModalDialog打開(kāi)子窗口后，父窗口將不能操作。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
參數(shù)說(shuō)明：
sURL
必選參數(shù)，類(lèi)型：字符串。用來(lái)指定對(duì)話框要顯示的文檔的URL。
vArguments
可選參數(shù)，類(lèi)型：變體。用來(lái)向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類(lèi)型不限，包括數(shù)
組等。對(duì)話框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)。
sFeatures
可選參數(shù)，類(lèi)型：字符串。用來(lái)描述對(duì)話框的外觀等信息，可以使用以下的一個(gè)
或幾個(gè)，用分號(hào)“;”隔開(kāi)。
dialogHeight 對(duì)話框高度，不小于１００px，ＩＥ４中dialogHeight
和 dialogWidth 默認(rèn)的單位是em，而ＩＥ５中是px，為方便其見(jiàn)，在定義modal
方式的對(duì)話框時(shí)，用px做單位。
dialogWidth: 對(duì)話框?qū)挾取?
dialogLeft: 距離桌面左的距離。
dialogTop: 離桌面上的距離。
center: {yes | no | 1 | 0 }：窗口是否居中，默認(rèn)yes，但仍可以指定
高度和寬度。
help: {yes | no | 1 | 0 }：是否顯示幫助按鈕，默認(rèn)yes。
resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改變大小。默
認(rèn)no。
status: {yes | no | 1 | 0 } ［IE5+］：是否顯示狀態(tài)欄。默認(rèn)為yes[
Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }：指明對(duì)話框是否顯示滾動(dòng)
條。默認(rèn)為yes。
參數(shù)傳遞方法：
父窗口向子窗口傳遞參數(shù)采用ShowModalDialog的第2個(gè)參數(shù)即可，父窗口要獲取
子窗口傳回的參數(shù)則可通過(guò)ShowModalDialog函數(shù)的返回值獲取。
子窗口獲取父窗口參數(shù)的方法為采用子窗口window對(duì)象dialogArguments屬性獲
取，例如：
parent.html
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog
("modal.html",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.html
<script>
var obj = window.dialogArguments
alert("您傳遞的參數(shù)為：" + obj.name)
</script>
子窗口向父窗口返回參數(shù)采用window.returnValue屬性，如：
window.returnValue=1;
window.close();
相關(guān)文章
書(shū)上對(duì)于原型對(duì)象的說(shuō)法給我整的眼花繚亂,完全不知道它在說(shuō)什么,查了好多資料,終于有了些理解,下面我以通俗的大白話說(shuō)說(shuō)我對(duì)原型對(duì)象的理解2012-12-12
JavaScript實(shí)現(xiàn)檢查頁(yè)面上的廣告是否被AdBlock屏蔽了的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)檢查頁(yè)面上的廣告是否被AdBlock屏蔽了的方法,其實(shí)就是利用JS檢測(cè)div的名稱(chēng)和樣式名稱(chēng)實(shí)現(xiàn),需要的朋友可以參考下2014-11-11
js結(jié)合css實(shí)現(xiàn)登錄后才能復(fù)制的效果實(shí)例
很多網(wǎng)站都有登錄后才能復(fù)制的限制，什么原理呢？css屬性u(píng)ser-select:none，通常會(huì)采用這種方式來(lái)禁止復(fù)制文本。但瀏覽開(kāi)發(fā)者工具-審查元素，取消此樣式后，就可以選中文本了。想要完整地禁止復(fù)制，還需要通過(guò)js控制選擇的內(nèi)容。2023-07-07
JS實(shí)現(xiàn)添加,替換,刪除節(jié)點(diǎn)元素的方法
這篇文章主要介紹了JS實(shí)現(xiàn)添加,替換,刪除節(jié)點(diǎn)元素的方法,實(shí)例分析了javascript針對(duì)節(jié)點(diǎn)元素的替換、刪除及常用的幾種添加技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了純js模擬div層彈性運(yùn)動(dòng)的方法,涉及javascript操作div層實(shí)現(xiàn)運(yùn)動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
微信小程序全局變量GLOBALDATA的定義和調(diào)用過(guò)程解析
這篇文章主要介紹了微信小程序全局變量GLOBALDATA的定義和調(diào)用過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JS匿名函數(shù)內(nèi)部this指向問(wèn)題詳析
這篇文章主要給大家介紹了關(guān)于JS匿名函數(shù)內(nèi)部this指向的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本文通過(guò)實(shí)例代碼給大家介紹了js中實(shí)現(xiàn)復(fù)選框全選功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下2016-12-12
openlayers實(shí)現(xiàn)圖標(biāo)拖動(dòng)獲取坐標(biāo)
這篇文章主要為大家詳細(xì)介紹了openlayers實(shí)現(xiàn)圖標(biāo)拖動(dòng)獲取坐標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
js實(shí)現(xiàn)通過(guò)開(kāi)始結(jié)束控制的計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)通過(guò)開(kāi)始結(jié)束控制的計(jì)時(shí)器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02