版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/CooliYellow/article/details/82939484
<script type="text/javascript">
window.onload = function() {
-----------------------BOM 对象-----------------------
1. 浏览器对象模型BOM里常用的对象：
1、window:
是JS的最顶层对象，其他的BOM对象都是window对象的属性；
2、document:
文档对象；
3、location:
浏览器当前URL信息；
4、navigator:
浏览器本身信息；
5、screen:
客户端屏幕信息；
6、history:
浏览器访问历史信息；
2. window对象的常用方法：
Alert()、confirm()、prompt()
open()、close()
setInterval()、setTimeout()、clearInterval()、clearTimeout()
3. window.location的常用方法:
window.location.search 返回值：
答：查询(参数)部分。
除了给动态语言赋值以外，我们同样可以给静态页面,
并使用javascript来获得相信应的参数值返回值：?ver=1.0&id=timlq<?后面的的键值对>
//url:http://www.sina.com/getage?number=1&year=2016
window.location.hash 返回值：
答：锚点 ， 返回值：#love ；
//url:http://www.sina.com/getage?#age
这时就返回'#age'
window.location.reload()作用：
答：刷新当前页面。
-----------------------BOM 对象-----------------------
2. DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
1. 创建新节点：
createDocumentFragment() // 创建一个DOM片段
createElement() // 创建一个具体的元素
createTextNode() // 创建一个文本节点
2. 添加、移除、替换、插入：
insertBefore() // 在已有的子节点前插入一个新的子节点
// 在子节点之后插入一个新的子节点
function insertAfter(eNew, eTarget){
var eParent = eTarget.parentNode;// 获取父节点
if(eParent.lastChild == eTarget){// target是否为父节点中last-child
eParent.appendChild(eNew);
}else{
eParent.insertBefore(eNew,eTarget.nextSibling);
}
}
appendChild()
replaceChild()
removeChild()
3. 查找：
getElementById() // 通过元素Id，唯一性
getElementsByTagName() // 通过标签名称
getElementsByName() // 通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)
3. document.write()方法可以用在两个方面：
1、页面载入过程中用实时脚本创建页面内容，
2、用延时脚本创建本窗口或新窗口的内容。
documen.write和 innerHTML 的区别:
document.write 只能重绘整个页面
document.write是重写整个document, 写入内容是字符串的html
innerHTML 可以重绘页面的一部分
innerHTML是HTMLElement的属性，是一个元素的内部html内容
----------------------- BOM 与 DOM 的关系与区别-----------------------
3. 关于BOM与DOM的关系与区别：
1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准]
2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;// [表现为不同浏览器定义有差别,实现方式不同]
3. window 是 BOM 对象，而非js对象；
从window.document已然可以看出:
DOM的最根本的对象是BOM的window对象的子对象。
区别：
DOM描述了处理网页内容的方法和接口，
BOM描述了与浏览器进行交互的方法和接口。
}
</script>