JavaScript学习大纲
一. 大纲简介
二. 本大纲主要是介绍JS中常用的一些对象属性,方式的介绍,具体的功能需要在练习中自己体会
三. Table对象
Table 对象代表一个 HTML 表格, 在 HTML 文档中 <table> 标签每出现一次,一个 Table 对象就会被创建
1. Table 对象的集合
2. 集合 描述
3. cells[] 返回包含表格中所有单元格的一个数组
4. rows[] 返回包含表格中所有行的一个数组
5. tBodies[] 返回包含表格中所有 tbody 的一个数组。
6. Table 对象的属性
7. 属性 描述
8. border 设置或返回表格边框的宽度
9. caption 对表格的 <caption> 元素的引用
10. cellPadding 设置或返回单元格内容和单元格边框之间的空白量
11. cellSpacing 设置或返回在表格中的单元格之间的空白量
12. frame 设置或返回表格的外部边框
13. id 设置或返回表格的 id
14. rules 设置或返回表格的内部边框(行线)
javascript全局数组15. summary 设置或返回对表格的描述(概述)
16. tFoot 返回表格的 TFoot 对象。如果不存在该元素,则为 null
17. tHead 返回表格的 THead 对象。如果不存在该元素,则为 null
18. width 设置或返回表格的宽度
19. Table 对象的方法
20. 方法 描述
21. createCaption() 为表格创建一个 caption 元素
22. createTFoot() 在表格中创建一个空的 tFoot 元素
23. createTHead() 在表格中创建一个空的 tHead 元素
24. deleteCaption() 从表格删除 caption 元素以及其内容
25. deleteRow() 从表格删除一行
26. deleteTFoot() 从表格删除 tFoot 元素及其内容
27. deleteTHead() 从表格删除 tHead 元素及其内容
28. insertRow() 在表格中插入一个新行
四. Frame 对象
Frame 对象代表一个 HTML 框架,在 HTML 文档中 <frame> 每出现一次,就会创建一个 Frame对象
1. Frame 对象的属性
2. 属性 描述
3. contentDocument 容纳框架的内容的文档
4. frameBorder 设置或返回是否显示框架周围的边框
5. id 设置或返回框架的 id
6. longDesc 设置或返回指向一个包含框架内容描述的文档的 URL
7. marginHeight 设置或返回框架的顶部和底部页空白
8. marginWidth 设置或返回框架的左边缘和右边缘的空白
9. name 设置或返回框架的名称
10. noResize 设置或返回框架是否可调整大小
11. scrolling 设置或返回框架是否可拥有滚动条
12. src 设置或返回应被加载到框架中的文档的 URL
五. Document 对象
六. Document 对象是一棵文档树的根,可为我们提供对文档数据的最初(或最顶层)的访问入口,用于元素节点、文本节点、注释、处理指令等均无法存在于document之外,document对象同样提供了创建这些对象的方法。Node对象提供了一个ownerDocument属性,此属性可把它们与在其中创建它们的Document关联起来
1. Node对象
2. 属性 描述
3. async async属性可规定XML文件的下载是否应当被同步处理
4. childNodes 返回属于文档的子节点的节点列表
5. doctype 返回与文档相关的文档类型声明(DTD)
6. documentElement 返回文档的根节点
7. documentURI 设置或返回文档的位置
8. domConfig 返回normalizeDocument()被调用时所使用的配置
9. firstChild 返回文档的首个子节点
10. implementation 返回可处理文档的DOMImplementation对象
11. inputEncoding 返回用于文档的编码方式(在解析时)
12. lastChild 返回文档的最后一个子节点
13. nodeName 依据节点的类型返回其名称
14. nodeType 返回某个节点的节点类型
15. nodeValue 根据节点的类型来设置或返回某个节点的值
16. text 返回某个节点及其后代的文本(仅用于IE)
17. xml 返回某个节点及其后代的XML(仅用于IE)
18. xmlEncoding 返回文档的编码方法|
19. xmlVersion 设置或返回文档的XML版本
20. Document 对象的方法
21. 方法 描述
22. createAttribute(name) 创建一个拥有指定名称的属性节点,并返回新的Attr对象
23. createAttributeNS(uri,name) 创建一个拥有指定名称的属性节点和命名空间,并返回新的Attr对象
24. createCDATASection() 创建一个CDATA区段节点
25. createComment() 创建一个注释节点
26. createDocumentFragment() 创建一个空的DocumentFragment对象,并返回此对象
27. createElement() 创建一个元素节点
28. createElementNS() 创建一个带有指定命名空间的元素节点
29. createTextNode() 创建一个文本节点
30. getElementById(id) 返回拥有带有给定值的ID属性的元素。如果此元素不存在,则返回null
31. getElementsByTagName() 返回一个带有指定名称的所有元素的节点列表
32. getElementsByTagNameNS() 返回带有指定名称和命名空间的所有元素的列表
33. renameNode() 重命名一个元素或者属性节点
七. Window对象
1. Window 对象的集合
2. frames[] 返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。
3. Window 对象的属性
4. 属性 描述
5. closed 返回窗口是否已被关闭
6. defaultStatus 设置或返回窗口状态栏中的默认文本
7. document 对 Document 对象的只读引用。请参阅 Document 对象
8. history 对 History 对象的只读引用。请参数 History 对象
9. innerheight 返回窗口的文档显示区的高度
10. innerwidth 返回窗口的文档显示区的高度
11. length 设置或返回窗口中的框架数量
12. location 用于窗口或框架的 Location 对象,请参阅 Location 对象
13. name 设置或返回窗口的名称
14. Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象
15. opener 返回对创建此窗口的窗口的引用
16. outerheight 返回窗口的外部高度
17. outerwidth 返回窗口的外部宽度
18. pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置
19. pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置
20. parent 返回父窗口
21. Screen 对 Screen 对象的只读引用。请参数 Screen 对象
22. self 返回对当前窗口的引用。等价于 Window 属性
23. status 设置窗口状态栏的文本
24. top 返回最顶层的先辈窗口
25. Window 对象的方法
26. 方法 描述
27. alert() 显示带有一段消息和一个确认按钮的警告框
28. blur() 把键盘焦点从顶层窗口移开
29. clearInterval() 取消由 setInterval() 设置的 timeout
30. clearTimeout() 取消由 setTimeout() 方法设置的 timeout
31. close() 关闭浏览器窗口
32. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框
33. focus() 把键盘焦点给予一个窗口
34. moveBy() 可相对窗口的当前坐标把它移动指定的像素
35. moveTo() 把窗口的左上角移动到一个指定的坐标
36. open() 打开一个新的浏览器窗口或查一个已命名的窗口
37. print() 打印当前窗口的内容
38. prompt() 显示可提示用户输入的对话框
39. resizeBy() 按照指定的像素调整窗口的大小
40. resizeTo() 把窗口的大小调整到指定的宽度和高度
41. scrollBy() 按照指定的像素值来滚动内容
42. scrollTo() 把内容滚动到指定的坐标
43. setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式
44. setTimeout() 在指定的毫秒数后调用函数或计算表达式
45. Window 对象的描述
46. Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document. 同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert(),除了上面列出的属性和方法,Windos 对象还实现了核心 JavaScript 所定义的所有全局属性和方法, Window 对象的 window 属性和 self 属性引用的
都是它自己, 当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象, 要引用窗口中的一个框架,可以使用如下语法
47. self.frame[i] //当前窗口的框架
48. frame[i] //当前窗口的框架
49. w.frame[i] //窗口 w 的框架
50. 要引用一个框架的父窗口(或父框架),可以使用下面的语法:
51. self.parent //当前窗口的父窗口
52. parent //当前窗口的父窗口
53. w.parent //窗口 w 的父窗口
54. 要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
55. top //当前框架的顶层窗口
56. p //当前框架的顶层窗口
57. f.top //框架 f 的顶层窗口
58. 新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时,应把 open() 调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口, 一般来说,Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法则不同,它们通过简单的对话框与用户进行交互
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论