📄 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 + -