JavaScript - The Definitive Guide Read Log 6

本文链接：https://blog.csdn.net/ani_di/article/details/7192103

Chapter 14. Scripting Browser Windows

Timers

JS本身没有提供任何有关任务调度的方法，但client-side JavaScript提供了几个全局函数（定时器）
setTimeout() 对象在一定时间后执行
clearTimeout() 取消上面的计划任务
setInterval() 同上，但是重复执行
clearInterval() 同上

Browser Location and History

window（或frame)的location属性保存了当前页面的Location对象，通过它可以轻松地得到协议、域名、参数等一系列信息。如果给它赋一个相对路径，那么它会跳至新的页面。这种跳转方式简单且会在历史记录中出现，所以很多人都在使用。另外，需要把location和document.location区分开，location.herf == document.location == document.URL。

有些网站外链分析就用这个做的（猜测）

Obtaining Window, Screen, and Browser Information

获取窗口在屏幕中的位置相对容易，它只是几个只读属性而已。
navigator属性貌似非常有用，因为它保存了很多浏览器相关信息，比如版本号，User-agent，操作系统、是否开启cookie等。

Opening and Manipulating Windows

弹窗已被人认为是流氓行为，使用方法非常简单windows.open。
滚动的方式倒是很多，除了常规的scrollBy()/scrollTo()，还可以使用html中的<a>标记。

Simple Dialog Boxes

目前定义了三种显示对话框的方式：alert(), prompt(), confirm()。

Script the Status Line

最新的浏览器已经没有Status Line了。

Multiple Windows and frame

虽然现代的web设计已经否决了<frame>，但是<iframe>仍在使用。使用frame的优点是，在一个页面刷新时，其它frame可以保持不动，这样用户体验会比较好。
frame和父窗口之间的关系是普通的树型结构，frame[]，parent，self和top可以很容易的定位所处的位置。虽然它们可以互相访问，但它们的运行环境并不是一起. 比如，当你调用silde frame中的函数时，那么它的执行环境仍然是自己的runtime context。

Chapter 15. Script Document

Document object是全局空间中的document，它有很多属性。比如write()，它会消除原先显示的内容。它通常用于更新其它frame显示的内容。
document.write()支持多个参数，它们都是要显示的内容。
其它document的属性（legacy）
———————————————————————————————————————————————————————————
bgColor 等同<body>的bgcolor属性
cookie ——
domain （后面解释）
lastModifed ——
title 标题，
URL 类似window中的herf
anchors[]
forms[]
images[]
links[]
———————————————————————————————————————————————————————————
当浏览器显示处理完HTML后，整个页面被组织成DOM，这样就非常利于JavaScript处理里面的内容。另外，可以给标签的name属性复制，那么就可以直接在document使用它了（要注意，不要与已存在的命名冲突）。
我们还注意到，标签还有Event Handlers，但对于JavaScript来说，依次类推即可。

Overview of the W3C DOM

DOM tree是由很多node组成的，所以一开始就介绍了这些node的访问和管理：childNodes, firstChild, lastChild, nextSibling, previousSibling, 和parentNode; appendChild(), removeChild(), replaceChild(), 和insertBefore()调整节点。
———————————————————————————————————————————————————————————
Common node types
Interface nodeType constant nodeType value

Element Node.ELEMENT_NODE 1
Text Node.TEXT_NODE 3
Document Node.DOCUMENT_NODE 9
Comment Node.COMMENT_NODE 8
DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11
Attr Node.ATTRIBUTE_NODE 2
———————————————————————————————————————————————————————————
通常，我们直接找到某个固定的结点后，就已经知道它是什么类型了。

Finding Element in a document

前面提到的几个遍历的方法，只有在对DOM结构非常了解的情况下才能使用。现在介绍几个更为常用的方法。
document.getElementsByTagName() 用它可以通过标记名字查找，比如body, div等。它返回的是一个数组。
document.getElementById() 如果需要更精确的查找，可能使用标签指定的ID。
document.getElementsByName() 它可以作为第一个的二次筛选，比如<a name="top">，它可以用"top"这个Name进行查找. HTML规定name可以多次使用，所以它返回也是数组。