JavaScript 客户端JavaScript之 脚本化文档

                         1 <form name="form1">
 2     <input type="button" name="fbtn" value="打开一个新窗口" id="bt1"/>
 3 </form>
 4document.form1.name2
 5 window.onload = function () {
 6     document.form1.fbtn.onclick = function () {
 7//var o = window.open("test.aspx"); 8var o = window.open()
 9var doc = o.document;
10        doc.open();
11         doc.write("this  ");
12         doc.write("  is");
13         doc.write("  a");
14         doc.write("  test");
15        doc.close();
16    }
17 }

HTML DOM 树

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

• JavaScript 能够改变页面中的所有 HTML 元素
• JavaScript 能够改变页面中的所有 HTML 属性
• JavaScript 能够改变页面中的所有 CSS 样式
• JavaScript 能够对页面中的所有事件做出反应

节点父、子和同胞

节点树中的节点彼此拥有层级关系。

父（parent）、子（child）和同胞（sibling）等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。

• 在节点树中，顶端节点被称为根（root）
• 每个节点都有父节点、除了根（它没有父节点）
• 一个节点可拥有任意数量的子
• 同胞是拥有相同父节点的节点

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。

nodeName 属性含有某个节点的名称。

• 元素节点的 nodeName 是标签名称
• 属性节点的 nodeName 是属性名称
• 文本节点的 nodeName 永远是 #text
• 文档节点的 nodeName 永远是 #document

注释： nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType

nodeType 属性可返回节点的类型。

最重要的节点类型是：

                         1 <form name="form1">
 2         <input type="button" name="fbtn" value="查询选定的文本" id="bt1" />
 3        这是一个可选的文本
 4     </form>
 5 6 window.onload = function () {
 7     document.form1.fbtn.onclick = function () {
 8var s="";
 9if (window.getSelection)
10        {
11             s = window.getSelection();
12        }
13elseif (window.Selection)
14        {
15             s = window.Selection;
16        }
17elseif (document.getSelection)
18        {
19             s = document.getSelection();
20        }
21        alert(s);
22    }
23 }

一些 DOM 对象方法

这里提供一些您将在本教程中学到的常用方法：