导航

Javascript实践总结(二)

Posted on 2009-07-23 16:28  鸡尾虾的壳  阅读(360)  评论(0编辑  收藏  举报

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设置鼠标样式。