BOM操作个人学习笔记
DOM操作主要是针对页面内的元素进行操作,DOM主要是针对浏览器页面进行操作
window对象
1.页面加载事件
(window).onload
window.addEventListener('load',function(){}); //当页面所有元素加载完了再进行js代码
window.addEventListener('DOMContentLoaded', function() {
alert(2);
});//当页面中元素不包括图片,样式表等加载完便执行js,适用于大量图片的页面
2.调整窗口大小事件,主要用于响应式布局
window.addEventListener('resize', function() {
console.log(window.innerWidth);
})
3.定时器
1.
var timeout=window.setTimeout(function(){},time)//在经过time毫秒后执行function
window.clearTimeout(timeout) 清除timeout定时器
2.
var timeout=window.setInterval(function(){},time)//每经过time毫秒执行一次function
window.clearInterval(timeout)//清除timeout定时器
location对象
常用属性
: href 获取URL
: host 返回主机域名
: port 返回端口号
: pathname: 返回路径
: search :传递的参数
: hash 返回片段
-
常见方法
- assign(‘url’) 跳转网页,保存历史记录可回退
- replace(‘url’) 跳转网页,不保存历史记录
- reload() 刷新页面
navigator对象,包含有关浏览器的信息
判断是pc端还是移动端
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
window.location.href = "";
}
history对象 主要与历史记录有关,包括前进后退