学习日志二：JS-BOM操作:window、Location....

JS-BOM操作

---

1、 window：是最大的BOM对象

2、 Location：

location.href：返回当前页面的URL（浏览器地址栏的内容），如果进行赋值，浏览器将会进行跳转

location.pathname：返回URL的路径名，排除了协议号，ip地址，排除端口号，localhost --> 127.0.0.1

3、History：

//使用a元素便可以达到效果

back()：与浏览器的后退按钮效果相同

forward()：与浏览器的前行按钮效果相同

4、定时器：

setInterval(回调函数,间隔时间（毫秒为单位）)：循环定时器

删除循环定时器：clearInterval(定时器的名称)

setTimeout(回调函数，间隔时间（毫秒为单位）)：执行一次函数

删除简单定时器：clearTimeout(定时器的名称)，通常我们删除定时器，一定要在回调函数执行之前完成

代码案例

<button>点我关闭定时器</button>
<script type="text/javascript">
    // 页面渲染完成之后
    window.onload = function () {
        var btn = document.getElementsByTagName('button')[0]
        // 给but按钮绑定clearTest函数
        btn.onclick = function clearTest() {
            clearInterval(timer)
        }
        btn.onclick = function clearTest() {
            clearTimeout(timer2)
        }
    }
    // 设置一个循环定时器
    var timer = setInterval(function () {
        console.log('1')
    },1000)

    var timer2 = setTimeout(function () {
        console.log('我来了')
    }, 3000)
    // 通过跟定时器结合，3秒后让浏览器跳转到百度页面
    var timer2 = setTimeout(function () {
         alert(location.href)
         location.href = 'http://www.baidu.com'
         alert(location.pathname) 
    }, 3000)
    
</script>