JavaScript页面load事件 - 会coding的HAM

<!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="">
<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>

发送评论编辑评论

发送评论 编辑评论

推荐文章

发送评论编辑评论