1. window.open
打开一个新window窗体,第一个参数可以是某个URI,也可以是项目中的某个aspx。返回一个windows对象变量。如果设置这个变量为全局变量,那么在一个窗体中就可以操纵另外一个窗体了。
2. onMouseOver,onMouseOut事件
对于<A>而言,onMouseOver的事件响应中必须使用return true,否则事件响应无法生效。window.status表示状态栏的信息。如果没有return, 那么它显示链接的地址。
3. window.location.href
窗体会跳转到当前目录+"/"+window.location.href取值所在的URI。
4. 访问HTML元素
HTML元素以集合的显示存在于document对象中。访问形式有多种:
document.all.text1.tagName
document.all["text1"].nodeValue
document.all.tags("P")[0].tagName
document.getElementsByName("text1")[0].tagName
document.getElementsByTagName("P")[0].tagName
5. accessKey属性
"ALT"+该属性值表示控件或者焦点。对于Button会触发click事件,对于TextBox表示选中所有值。
6. all属性
表示对象包含的所有内容。
7. attributes属性
表示某个元素的所有属性集合,name-value对,包括事件响应。
8. canHaveChildren
判断是否有子节点。
9. className属性
与该元素相关联的css脚本。
10. document属性
包含当前对象的document。
11. innerHTML, innerText属性表示元素的内容。
12. nodeType
表示节点的类型:如元素,属性,文本节点,实体引用。
13. style
节点的css样式属性。
14. 动态事件绑定
document.form1.button1.attachEvent("onclick", alerter) //这种可以添加多个事件响应,后添加的先执行
document.form1.button1.onclick = alerter //添加多次,后面的会覆盖前面的
15. addEventListener,attachEvent的区别
前者的第3个布尔类型参数值表示采用Capture还是Bubble模式,后者在IE中默认采用Bubble模式。
16. createElement,replaceChild,appendChild操作节点内容。
17. blur( )和focus( )
失去焦点和获得焦点。
18. clearAttributes()
删除除了Name, ID外的属性。
19. fireEvent
逻辑触发事件。
20. activeElement
document中当前获得焦点的活动元素。
21. window.showModalDialog方法
通过第二个参数,父窗体向子窗体传递数据。子窗体通过var a=window.dialogArguments或者父窗体传递的数据。子窗体通过window.returnValue向父窗体传递信息。
22. window.clipboardData
剪贴板中的数据,通过oncopy, onpaste事件来实现复制功能。
23. <FRAMESET>, <FRAME>
每个<FRAME>都被认为是一个单独的窗体。其中window对象的frames(所有的frame),parent(直接父亲), self(自己),top(嵌套frame中的最顶层)。
24. <IFRAME>
表示inline folat frame。
25. window.createPopup()
需要调用返回对象的show方法才能显示。
26. document.referrer
表示当前的页面是由哪个页面导航来的。
27. document.execCommand方法
执行拷贝,创建超链接,改变字体颜色,添加下划线,刷新页面等功能。
例子参考: http://www.cnblogs.com/Apollo/archive/2006/08/02/465520.html
28. CSS类型
Inline类型, Embedded类型,Link类型
<LINK REL="stylesheet" HREF="21-03.css"/>
29. Style类
<STYLE>
.underlinedText {text-decoration: underline}
</STYLE>
<SPAN CLASS="underlinedText">
This text is underlined.
</SPAN>
30. document.styleSheets保存了页面中所有的Style类。
31. style.cursor设置鼠标样式。