<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>