JavaScript学习之小白篇(九-BOM学习)

版权声明:文章为原创作品,转载请注明出处 https://blog.csdn.net/weixin_43654258/article/details/85009985

好好学习 ,天天向上。Are you ready?在这里插入图片描述

一、什么是BOM? 浏览器对象模型。
二、BOM中的顶级对象是什么? window
三、window下的子对象有哪些?
document/history/location/frames/navigator/screen
四、如何跳转页面?
location.href
window.location
五、如何刷新页面?
location.reload([true])
history.go(0)
六、如何获取浏览器和操作系统的信息?
navigator.userAgent
七、计时器
1. 间歇性计时器: setInterval(表达式,毫秒数)
停止计时器: clearInterval(返回值)
2. 一次性计时器 : setTimeout(表达式,毫秒数)
停止计时器: clearTimeout(返回值)
八、滚动事件: onscroll
1. scroTop
2. 1.滚动条到顶端的距离(滚动高度)1.滚动条到顶端的距离(滚动高度)
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
3. scrollLeft
2.滚动条到左端的距离
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
九、什么是DOM? 文档对象模型
十、DOM的作用: js就是通过DOM操作页面中的元素,实现一些交互与特效。
十一、如何获取页面元素对象?
1. document.getElementById() : 通过id获取元素对象,返回对象。如果没有获取到,返回null
2. document.getElementsByTagName() : 通过标签名获取所有的相同的标签,返回伪数组。
3. document.getElementsByClassName():通过class属性获取元素对象,返回伪数组。IE9以下不支持。
4. document.getElementsByName(): 通过name属性获取元素对象,返回伪数组。
5. document.querySelector() : 通过选择器获取对象。返回对象。ie8以下不支持
6. document.querySelectorAll():通过选择器获取对象,返回伪数组。ie8以下不支持
7.获取 HTML : document.documentElement
8.获取body : document.body
IE9以下byClassName的兼容
function byClassName(obj,className){
//判断是否支持byClassName
if(obj.getElementsByClassName){
//支持
return obj.getElementsByClassName(className);
}else{
//不支持
var eles = obj.getElementsByTagName(’*’); //获取所有的标签
var arr = []; //空数组,准备放置找到的对象
//遍历所有的标签
for(var i = 0,len = eles.length;i < len;i ++){
//找出与我指定class名相同的对象
if(eles[i].className === className){
arr.push(eles[i]); //存入数组
}
}
return arr; //返回
}
}
十二、如何创建元素对象?
document.createElement(标签名)
十三、如何创建文本对象?
document.createTextNode(内容)
十四、如何给对象中的子节点末尾追加对象
父节点.appendChild(子节点)
十五、如何替换父节点中的某个子节点?
父节点.replaceChild(新子节点,旧子节点)
十六、如何删除子节点?
父节点.removeChild(子节点)
十七、如何创建文档碎片 ?
document.createDocumentFragment()
作用:提高性能
十八、常见节点:
nodeName nodeType nodeValue
元素节点: 标签名 1 null
属性节点: 属性名 2 属性值
文本节点: #text 3 文本内容(纯文本)
十九、如何获取属性节点: 对象.attributes 返回对象
二十、 confirm()

猜你喜欢

转载自blog.csdn.net/weixin_43654258/article/details/85009985