JsDom 編程小結
2019-11-20 23:43:22
供稿：網友
1.瀏覽器兼容問題：
瀏覽器兼容性的例子：ie6，ie7對table.appendChild("tr")的支持和IE8不一樣，用insertRow、insertCell來代替或者為表格添加tbody，然后向tbody中添加tr。FF(FireFox)不支持InnerText,用textContent代替
2.幾乎所有DOM元素都有innerText、innerHTML屬性（注意大小寫），分別是元素標簽內內容的文本表示形式和HTML源代碼，這兩個屬性是可讀可寫的。
動態創建元素的時候innerHTML可以代替createElement(),屬于簡單，粗放型，后果自負的創建
3.write():
document.write()只能在頁面加載過程中才能動態創建
4.
document是window對象的一個屬性，因為使用window對象成員的時候可以省略window.，所以一般直接寫document
5.history操作歷史記錄
window.history.back()后退；window.history.forward()前進。也可以用window.history.go(-1)、window.history.go(1)前進
6.clipboardData對象，對粘貼板的操作:
clearData("Text")清空粘貼板；getData("Text")讀取粘貼板的值，返回值為粘貼板中的內容；setData("Text",val)，設置粘貼板中的值。
7.oncopy="setTimeout('modifyClipboard()',100)"。用戶復制動作發生0.1秒以后再去改粘貼板中的內容。100ms只是一個經常取值，寫1000、10、50、200……都行。不能直接在oncopy里修改粘貼板。不能直接在oncopy中執行對粘貼板的操作，因此設定定時器，0.1秒以后執行，這樣就不再oncopy的執行調用棧上了
8.returnValue屬性:
returnValue屬性，如果將returnValue設置為false，就會取消默認事件的處理。在超鏈接的onclick里面禁止訪問href的頁面。在表單校驗的時候禁止提交表單到服務器，防止錯誤數據提交給服務器、防止頁面刷新。
//window.event.returnValue不兼容火狐瀏覽器
9.
window.event對象的成員：
srcElement，獲得事件源對象。幾個事件共享一個事件響應函數用。****_click(object sender,EventArgs e)//只有IE支持。
button，發生事件時鼠標按鍵，1為左鍵，2為右鍵，3為左右鍵同時按。//要測試event.button的值的時候，請在onmousedown事件中測試。如果在onclick事件中只能識別鼠標左鍵的單擊。
10.
window.location.href=‘';//重新導航到新頁面,可以取值，也可以賦值。
window.location.reload();//刷新當前頁
location.search：獲得url（？號以后的,包含？）
11.
（1）onload：網頁加載完畢時觸發，瀏覽器是一邊下載文檔、一邊解析執行，可能會出現JavaScript執行時需要操作某個元素，這個元素還沒有加載，如果這樣就要把操作的代碼放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加載完畢時觸發，body onload才是全部加載完成
（2）onunload：網頁關閉（或者離開）后觸發。
（3）onbeforeunload：在網頁準備關閉（或者離開）前觸發。
<body onbeforeunload=“return ‘真的要放棄發帖退出嗎?'; ">。顯示的文字隨瀏覽器版本而有差異。
12.
js中調用方法的時候就是把指針賦給它
var t=add;
function add(){}
13.
window.event.clientX是客戶端可視界面
14.
一、setInterval(code,time)方法可以每隔 time毫秒執行一次code.
其中的code有兩種方式：
1.直接傳入 某個方法 對象 - setInterval(showTime,1000);
2.直接傳入要執行 的 js代碼字符串 - setInterval("alert(1);",1000);
二、關于 for in (用來循環 對象的屬性和值)
使用 for in 來循環數組時，會將 數組的屬性先循環出來
然后再 循環 數組里的元素 ，但此時 循環出來的 k 是元素的下標
三、innerHTML
將 字符串 添加到 對應的 雙標簽 中間。
并且立刻對 該字符串進行解析，如果符合html標簽的語法，
則，立即調用 瀏覽器的解析器，對該字符串進行html解析，并
生成對應的 dom 對象，最后，將該dom對象，追加到被添加的
對象的 子元素 集合(ChildNodes)中。
15.
ShowModalDialog函數的功能：
打開一個子窗口，并且可與父窗口相互傳遞數據，它與window.open的最大區別
就在于由ShowModalDialog打開子窗口后，父窗口將不能操作。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
參數說明：
sURL
必選參數，類型：字符串。用來指定對話框要顯示的文檔的URL。
vArguments
可選參數，類型：變體。用來向對話框傳遞參數。傳遞的參數類型不限，包括數
組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
sFeatures
可選參數，類型：字符串。用來描述對話框的外觀等信息，可以使用以下的一個
或幾個，用分號“;”隔開。
dialogHeight 對話框高度，不小于１００px，ＩＥ４中dialogHeight
和 dialogWidth 默認的單位是em，而ＩＥ５中是px，為方便其見，在定義modal
方式的對話框時，用px做單位。
dialogWidth: 對話框寬度。
dialogLeft: 距離桌面左的距離。
dialogTop: 離桌面上的距離。
center: {yes | no | 1 | 0 }：窗口是否居中，默認yes，但仍可以指定
高度和寬度。
help: {yes | no | 1 | 0 }：是否顯示幫助按鈕，默認yes。
resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改變大小。默
認no。
status: {yes | no | 1 | 0 } ［IE5+］：是否顯示狀態欄。默認為yes[
Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }：指明對話框是否顯示滾動
條。默認為yes。
參數傳遞方法：
父窗口向子窗口傳遞參數采用ShowModalDialog的第2個參數即可，父窗口要獲取
子窗口傳回的參數則可通過ShowModalDialog函數的返回值獲取。
子窗口獲取父窗口參數的方法為采用子窗口window對象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("您傳遞的參數為：" + obj.name)
</script>
子窗口向父窗口返回參數采用window.returnValue屬性，如：
window.returnValue=1;
window.close();
