首页 > 其他分享 >HTML 事件之窗口事件

HTML 事件之窗口事件

时间:2022-10-20 19:56:53浏览次数:42  
标签:脚本 触发 窗口 script HTML 文档 事件 New

HTML 事件

全局事件属性

可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。

New : HTML5新增属性事件。

窗口事件属性(Window Event Attributes)

属性描述
onafterprint  New script 在打印文档之后运行脚本,目前只有 Internet Explorer 和 Firefox 浏览器支持 onafterprint 事件属性
onbeforeprint New script 在文档打印之前运行脚本,目前只有 Internet Explorer 和 Firefox 浏览器支持 onafterprint 事件属性
onbeforeonload New script 在文档加载之前运行脚本,onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发,支持的 HTML 标签:<body>
onblur script 当窗口失去焦点时运行脚本
onerror New script 当错误发生时运行脚本,onerror 事件在视频/音频(audio/video)数据加载期间发生错误时触发。
onfocus script 当窗口获得焦点时运行脚本
onhaschange New script 当文档改变时运行脚本,onhashchange 事件在当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发 ,支持的 HTML 标签:<body>。
onload script 当文档加载时运行脚本,onload 属性在文档对象加载完成后触发,通常使用于 <body> 元素中,用于在页面完全载入后执行指定的脚本(包括图片,脚本,css文件等)。
onmessage New script 当触发消息时运行脚本,onmessage和postmessage是HTML5的方法,是用来解决跨页面通用,或者通过iframe嵌套的不同页面的通信,possmessage是发送方,onmessage是接收方
onoffline New script 当文档离线时运行脚本,目前仅火狐3.0支持
ononline New script 当文档上线时运行脚本,目前仅火狐3.0支持
onpagehide New script 当窗口隐藏时运行脚本,onpagehide 事件在用户离开网页时触发,onpagehide 事件有时可以替代 onunload 事件,但 onunload 事件触发后无法缓存页面。
onpageshow New script 当窗口可见时运行脚本,onpageshow 事件在用户浏览网页时触发,onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onl oad 事件在页面从浏览器缓存中读取时不触发。
onpopstate New script 当窗口历史记录改变时运行脚本,onpopstate事件触发的条件:popstate事件只会在浏览器某些行为下触发, 比如点击后退、前进按钮(或者在JavaScript中调用history.back()、history.forward()、history.go()方法
onredo New script 当文档执行再执行操作(redo)时运行脚本,
onresize New script 当调整窗口大小时运行脚本,属性常用于调整窗口大小
onstorage New script 当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本,onstorage触发时机: 当localStorage中的数据发生变化时, onstorage触发, 包括存储, 修改, 删除,存在兼容性
onundo New script 当文档执行撤销时运行脚本
onunload New script 当用户离开文档时运行脚本,onunload 在用户离开页面(通过点击链接,提交表单,关闭浏览器窗口等)触发

标签:脚本,触发,窗口,script,HTML,文档,事件,New
From: https://www.cnblogs.com/monarchwu/p/16807697.html

相关文章

  • 认识HTML
    一、HTML基础HTML的英文全称是HyperTextMarkupLanguage,即超文本标记语言(一)标题HTML标题是通过<h1>-<h6>标签来定义的。<h1>这是标题</h1><h2>这是标题</h......
  • 窗口置顶
    https://stackoverflow.com/questions/2320713/win32-switchtothiswindow-showwindow-and-setactivewindowSetActiveWindow 仅适用于附加到当前线程的窗口,因此您不能使用......
  • html项目引入element-ui和vue【转载】
    本地引用element-ui和vue<linkrel="stylesheet"type="text/css"href="./element.css"><scriptsrc="./js/vue.js"></script><scriptsrc="./js/element.js"></scrip......
  • java爬虫之HtmlUnit介绍
    前端有时候会遇到项目临时需要网上收集数据的情况,什么方案是简单易懂、长期可用的呢,当然是用浏览器终端测试单元做爬虫是最方便的啦,将平时工作中的测试程序进行简单的修改......
  • HTML标签-文本标签1和HTML标签-文本标签2
    HTML标签-文本标签1文本标签:和文本有关的标签注释:<!-- 注释内容 --><h1>to<h6>:标题标签h1~h6:字体大小逐渐递减<p>:段落标签<br>:换行标签<hr>:......
  • 前端笔记-html-引用-20221020
    HTML引用1.<q>标签:用于短的引用。浏览器通常会为<q>元素包围引号。<p>WWF的<q>目标是构建人与自然和谐共处的世界</q></p> 2.<blockquote>标签:长引用。浏览器......
  • 581HTML标签_块标签 and 582 HTML标签_语义化标签
     语义化标签:html5中为了提高程序的可读性,提供了一些标签。      1.<header>:页眉      2.<footer>:页脚<!--页眉--><divid="header"><!--标题标签--......
  • HTML5和CSS3的新特性
    HTML5的新特性1.用于绘画的canvas元素;2.用于媒介回放的video和audio;3.本地离线存储;4.新标签:header,footer,nav,section,article5.新的表单控件:date,time,email,url,cale......
  • HTML语义化标签和表格标签
    7.语义化标签:html5中为了提高程序的可读性,提供了一些标签。 1.<header>:页眉 2.<footer>:页脚8.表格标签: *table:定义表格 *width:宽度 ......
  • HTML快速入门和HTML标签-文件标签
    HTML快速入门快速入门:语法:1.html文档后缀名.html或者.htm2.标签分为1.围堵标签:有开始标签和结束标签。如<html> </html>2.自闭和标......