?? javascript2.txt
字號:
javascript中的常見事件 ：
一般性事件 ：
onclick 單擊事件
ondblclick 雙擊事件
onmouseomove 鼠標移動
onmouseover 鼠標移入
onmouseout 鼠標移出
onmousedown 鼠標鍵按下
onmouseup 鼠標鍵松開
適用 幾乎全部的可顯示元素 。
頁面相關事件 ：
onload : 頁面加載時觸發。 <body>
onscroll : 頁面滾動時觸發。 <body>
onstop : 按下stop按鈕時觸發。<body>
onresize : 調整大小時觸發 。<body>
onmove : 窗口移動時觸發。<body>
表單相關事件 ：
onblur : 當前元素失去焦點時觸發。 <input>
onchange : 當前元素失去焦點，并且值發生變化時觸發。<input>
onfocus : 當前元素獲得焦點時觸發。<input>
onsubmit : 表單被提交時觸發 <form>
=======================================================================
DOM : 是W3C提供的一組規范 ， 可以在獨立于平臺的前提下修改文檔的內容和結構。
DOM 將文檔的內容封裝到對象及對象的屬性和關系中 。
通過操作DOM對象及對象的屬性，達到修改文檔內容及結構的目的 。
可以將DOM理解為文檔內容的樹狀表示法 。
======================================================================
<table>
<tbody>
<tr><td>zhangsan</td><td>20</td></tr>
<tr><td>lisi</td><td>21</td></tr>
</tbody>
</table>
======================================================================
用于遍歷XML文檔的DOM方法：
document.getElementById( "" ) XMLElement
document.getElementsByTagName( "name" ) array
用于處理XML文檔的DOM屬性 ：
childNodes Array
firstChild XMLElement
lastChild XMLElement
nextSibling XMLElement
previousSibling XMLElement
parentNode XMLElement
=====================================================================
通過 "." 訪問element屬性 。
======================================================================
document對象為DOM的內置對象，代表XML文檔的根
在HTML文件中可以理解為body標簽 。
document.createElement( "div" ) ;
document.createTextNode( "text" ) ; 創建文本
var txtA = document.createTextNode("hello");
var colA = document.createElement("td");
colA.appendChild(txtA);
element.getAttribute( Name ) ;
element.setAttribute( "name" , value ) ;
element.appendChild()
element.insertBefore( newNode , targetNode ) ;
element.removeAttribute( node )
element.removeChild( node ) ;
element.replaceChild( newNode , oldNode ) ;
element.hasChildnodes()
=========================================================================
==========================================================================
瀏覽器差異。
1) table 和 tbody
2) 設置屬性 ff element.setAttribute( "name" , "value" ) ;
ie element.name = value
3) 設置css ff element.setAttribute( "style" , "color:blue" ) ;
ie element.style.cssText = "color:blue" ;
ff element.setAttribute( "class" , "xxx" ) ;
ie element.className ;
===============================================================================
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -