• 当前标签:load

程序开发 JavaScript页面load事件

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0">         <meta http-equiv="X-UA-Compatible" content="ie=edge">         <title>页面load事件</title>         <style>         </style>         <script>             // 可以观察到#document的load事件             // window.addEventListener('load',function(e){             //     alert('window1' + e.target.nodeName)             // })             // alert(document)             // document 已存在             // 观察不到事件 加true可以观察到         //    document.addEventListener('load',function(e){         //         console.log('fff')         //         alert('window:' + e.target.nodeName)         //     },true)         function bodyLoad(e){             alert('body attr:' + e.target.nodeName)         }         </script>     </head>     <body onload="bodyLoad(event)">         <img src="http://img.t.sinajs.cn/t6/style/images/global_nav/WB_logo.png?id=1404211047727" alt="">         <!--图片 body windows 都可以观察到load事件-->         <script>             // window.addEventListener('load',function(e){             //     alert('window' + e.target.nodeName)             // })             //  document.addEventListener('load',function(e){             //     console.log('fff')             //     alert('document:' + e.target.nodeName)             // },true)             // 普通div 观察不到load事件             // document.querySelector('div').addEventListener('load',function(e){             //     alert('div load')             // })             // 动态生成的div 也观察不到load事件             // var div =document.createElement('div')             // div.addEventListener('load',function(e){             //     alert('div load')             // })             // div.innerText = 'div123'             // document.body.appendChild(div)             // 图片可以观察到load事件             // document.querySelector('img').addEventListener('load',function(e){             //     alert('img load')             // })             // 脚本标签 观察不到事件             // document.querySelector('script').addEventListener('load',function(e){             //     alert('script load')             // })             // 动态创建的脚本文件 可以观察到load事件             // var script =document.createElement('script')             // script.src = 'https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'             // script.addEventListener('load',function(){             //     alert('script load')             // })             // document.head.appendChild(script)         </script>         <div>             这是div         </div>     </body> </html>

2017-07-20 22:22:51 54 0 0
阅读详情
  • 1
前往