BOM操作个人学习笔记（1）

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对象 主要与历史记录有关，包括前进后退