JavaScript基础5常用方法&事件&定时器

1.window常用方法
①打开对象

window.open("xxx.html"，“blank”,"width= ,height= ,top= ,left= ")

②关闭页面

window.close()

2.window常用事件
①onload页面加载事件

<script type="text/script">
    //当页面加载成功以后触发该事件
    window.onload = function(){
        alert("好")
    }
    alert("你好吗？")
</script>

②onscroll滚动事件

<script type="text/script">
    //当窗口发生滚动触发该事件
    window.onscroll = function(){
          console.log("窗口发生了滚动")
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
          console.log(scrollTop)   //打印滚动高度
    }
</script>

③onresize窗口大小变化事件

<script type="text/script">
    //当窗口大小发生变化触发该事件
    window.onresize = function(){
          var w = document.documentElement.clientWidth || document.body.clientWidth ||  document.innerWidth
          var h = document.documentElement.clientHeight || document.body.clientHeight ||  document.innerHeight
          console.log(w,h)   //打印窗口大小
    }
</script>

3.定时器
①间歇定时器

<script type="text/script">
     var time = window.setInterval(function(){
            console.fig("hello word")
     }
     ,2000)    //每隔两秒执行一次函数
</script>

function c(){
    window.clearInterval(time)     //清除定时器
}

②延时定时器

<script type="text/script">
     var time = window.setTimeout(function(){
            console.fig("hello word")
     }
     ,2000)    //延迟两秒后执行该函数
</script>