史上最详细的DOM事件之框架事件
上篇博客讲了DOM的拖动事件,这篇博客我们来讲一讲DOM的媒体事件。
HTML代码:
<imgsrc="../../CSS/0421/car.gif"alt="">
JS代码:
var oImg=document.getElementsByTagName("img")[0]; // 属性 描述 DOM // onload 一张页面或一幅图像完成加载。 // window.onloda=function(){ // } oImg.onload=function(ev){ console.log("图片加载完成"); console.log(ev) } // onabort 图像的加载被中断。 ( <object>) // onbeforeunload 该事件在即将离开页面(刷新或关闭)时触发 // onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>) // onhashchange 该事件在当前 URL 的锚部分发生修改时触发。 // onpageshow 该事件在用户访问页面时触发 // onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发 // onresize 窗口或框架被重新调整大小。 window.onresize=function(ev){ console.log(innerWidth,innerHeight); console.log(ev); } // onscroll 当文档被滚动时发生的事件。 window.onscroll=function(ev){ console.log(scrollY); console.log(ev); } // onunload 用户退出页面。 ( <body> 和 <frameset>)
视频讲解链接: