美文网首页
window 事件

window 事件

作者: likeli | 来源:发表于2017-10-16 22:01 被阅读0次

window.onload

window.onload 是在窗口加载完毕之后才会执行
不能在window.onload内部使用document.write
窗口加载完毕之后会关闭文档流,如果使用document.write会开启新的文档流覆盖原有的文档流

  window.onload=function(){
        document.getElementById("redDiv");
                console.log(redDiv);
                // document.write(123);
                判断一个变量是不是NaN 要用isNaN
                var str="123";
                var num=Number(str)
                if(isNaN(num)){
                console.log("num是NaN")
                num=0;
            }else{
                console.log("num不是NaN")
                redDiv.innerHTML=num+3;
            }
    }

window.resize

resize 窗口尺寸发生变化之后触发的事件

    window.onresize=function(){
        console.log(window.innerHeight,window.innerWidth);
        redDiv.style.width=window.innerWidth/2+'px'
    }

相关文章

  • Primary:JS{一、基础常用JS(常用)}

    window window方法 事件 PC Mobile

  • window 事件

    window.onload window.onload 是在窗口加载完毕之后才会执行不能在window.onloa...

  • 监听浏览器的后退事件

    1.window的popstate事件 监听浏览器回退事件,主要依赖于监听:window的popstate事件,因...

  • html属性及事件

    HTML 全局属性 Window 事件属性 针对 window 对象触发的事件(应用到 标签): Form 事...

  • 多个事件的使用

    浏览器事件 一、 BOM :浏览器相关的事件 和 window window.onscroll = functi...

  • BOM window对象的常见事件

    一、窗口加载事件 1、window.onload window.onload 是窗口(页面)加载事件,当文档内容完...

  • this的关键字理解和指向

    普通函数中this指向的是window 事件处理函数中this指向事件源: 回调函数中this指向window: ...

  • 各种事件

    1、window的事件: 2、document 3 4、事件:

  • js事件相关知识点

    js事件之事件流: 事件流原理图:事件流是从window开始,最后回到window的一个过程,分为三个阶段(15)...

  • javascript笔记5

    时间 Date对象方法及运算 BOM window中常用方法 window常用事件-onload加载事件和onun...

网友评论

      本文标题:window 事件

      本文链接:https://www.haomeiwen.com/subject/dwnluxtx.html