史上最详细的DOM事件之框架事件

简介: 史上最详细的DOM事件之框架事件上篇博客讲了DOM的拖动事件,这篇博客我们来讲一讲DOM的媒体事件。HTML代码: <img src="../../CSS/0421/car.gif" alt=""> 1JS代码: var oImg=document.getElementsByTagName("img")[0]; // 属性 描述 DOM // onload 一张页面或一幅图像完成加载。 // window.onloda=function(){ // } oImg.onload=function(ev)

史上最详细的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>)


视频讲解链接:


https://www.bilibili.com/video/BV1yi4y147gD/

相关文章
|
5月前
|
XML 消息中间件 JavaScript
从0开始学习JavaScript--JavaScript DOM操作与事件处理
在前端开发中,DOM(文档对象模型)是一个至关重要的概念,它为JavaScript提供了一种与HTML和XML文档交互的方法。本文将深入探讨DOM的概念与作用,以及JavaScript与DOM之间的密切关系。
|
8月前
|
XML 存储 JavaScript
Dom4j框架解析XML
Dom4j框架解析XML
67 0
|
8天前
|
JavaScript
js_操作dom(委托和冒泡事件)
js_操作dom(委托和冒泡事件)
12 0
|
4月前
|
存储 JavaScript 前端开发
JavaScript:DOM事件
JavaScript:DOM事件
41 0
|
10月前
|
XML JavaScript 前端开发
|
10月前
|
JavaScript
JS(Dom事件操作)第十九
JS(Dom事件操作)第十九
155 0
|
5月前
|
XML JavaScript API
框架选修课之dom4j解析xml字符串实例
框架选修课之dom4j解析xml字符串实例
51 1
|
5月前
|
JavaScript 前端开发
原生JavaScript之dom表单改变和鼠标常用事件
那么好,本次我们聊聊表单改变时如何利用onchange方法来触发input改变事件以及鼠标常用的滑入滑出,点击down和点击up事件.
31 2
|
6月前
|
JavaScript 前端开发 API
JavaScript事件处理:探索DOM事件和事件监听器
JavaScript事件处理:探索DOM事件和事件监听器
44 0
|
8月前
|
JavaScript 前端开发
JS 学习笔记四(DOM) 悬停事件 获取节点
JS 学习笔记四(DOM) 悬停事件 获取节点
37 0