JsDom 編程小結

來源:互聯網
上載者:User

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不相容Firefox瀏覽器
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 對話方塊高度,不小於100px,IE4中dialogHeight
和 dialogWidth 預設的單位是em,而IE5中是px,為方便其見,在定義modal
方式的對話方塊時,用px做單位。
   dialogWidth: 對話方塊寬度。
   dialogLeft: 距離案頭左的距離。
   dialogTop: 離案頭上的距離。
   center: {yes | no | 1 | 0 }:視窗是否置中,預設yes,但仍可以指定
高度和寬度。
   help: {yes | no | 1 | 0 }:是否顯示協助按鈕,預設yes。
   resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。默
認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();

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.