DOM操作

insetBefore(要插入的节点，参照节点)

appendChild()

replaceChild()

removeChild(要插入的节点，要替换的节点)

cloneChild(true)深复制，复制该节点的子节点

cloneChild()浅复制，只会复制节点本身

该方法不会复制添加到DOM节点中的js属性，例如事件处理程序等。这个方法只复制特性、子节点，其他一切都不会复制。

document.URL属性中包含页面完整的URL

document.domain属性可以取得域名

document.referer属性可以取得来源页面的URL

其中document.domain可以设置，其他不可以

可以通过document.domain来实现跨子域

前提条件：这两个域名必须属于同一个基础域名!而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域

Javascript出于对安全性的考虑，而禁止两个或者多个不同域的页面进行互相操作。

比如在：aaa.com的一个网页（a.html）里面 利用iframe引入了一个bbb.com里的一个网页（b.html）。
这时在a.html里面可以看到b.html里的内容，但是却不能利用javascript来操作它。因为这两个页面属于不同的域，在操作之前，js会检测两个页面的域是否相等，如果相等，就允许其操作，如果不相等，就会拒绝操作。
这里不可能把a.html与b.html利用JS改成同一个域的。因为它们的基础域名不相等。（强制用JS将它们改成相等的域的话会报跟上面一样的"参数无效错误。"）

所以如果在a.html里引入aaa.com里的另一个网页，是不会有这个问题的，因为域相等。

有另一种情况，两个子域名：

aaa.xxx.com
bbb.xxx.com

aaa里的一个网页（a.html）引入了bbb 里的一个网页（b.html），
这时a.html里同样是不能操作b.html里面的内容的。
因为document.domain不一样，一个是aaa.xxx.com，另一个是bbb.xxx.com。

这时我们就可以通过Javascript，将两个页面的domain改成一样的，
需要在a.html里与b.html里都加入：

document.domain = "xxx.com";

这样这两个页面就可以互相操作了。也就是实现了同一基础域名之间的"跨域"

document.write()输出的内容将会重写整个页面

if(element.tagName.toLowerCase()=='div'){

}

取得特性

getAttribute()可以取得自定义属性的值

setAttribute(要设置的属性名，值)

removeAttribute()

创建元素

document.createElement()

document.createTextNode()

normalize()规范化文本节点，将所有文本节点合并成一个节点

splitText()分割文本节点，是从文本节点中提取数据的一种常用DOM解析技术。

document.createDocumentFragment()创建文档片段

attributes属性  返回对应特性的Attr节点

getAttributeNode()方法  返回对应特性的Attr节点

getAttribute()方法   返回特性的值

插入动态脚本

一种的直接插入外部文件

 <script type="text/javascript" src='client.js'></script>

一种是直接插入javascript代码

function loadScript(url){

    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    document.body.appendChild(script);

}

  动态样式

一种直接插入

<link rel="stylesheet" type="text/css" href="style.css">

一种插入代码

function loadStyles(url){
            var link = document.createElement('link');
            link.rel = 'stylesheet';
            link.type = 'text/css';
            link.href = url;
            var head = document.getElementsByTagName('head')[0];
            head.appendChild(link);
        }

NodeList

HTMLCollcetion

NamedNodeMap

都是返回动态数组，若要对其进行操作，就要使用【】或item()操作

减少DOM操作：因为NodeList是动态的，每操作一次就会运行一次查询，所以要减少查询