必威的官网网络

当前位置:必威的官网-必威体育 > 必威的官网网络 > 复制代码 代码如下

复制代码 代码如下

来源:http://www.jlqfjt.com 作者:必威的官网-必威体育 时间:2019-09-16 05:42

浏览器事件
浏览器事件指载入文书档案直到该文书档案被关闭时期的浏览器事件,如浏览器载入文书档案事件onload、关闭该文书档案事件onunload、浏览器失去宗旨事件onblur、获得核心事件onfocus 等。

先考查如下的代码:

复制代码 代码如下:

//源程序3.1
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
";
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Sample Page!</title>
<script type="text/javascript">
<!--
window.onload = function ()
{
var msg="nwindow.load 事件 : nn";
msg =" 浏览器载入了文书档案!";
alert(msg);
}
window.onfocus = function ()
{
var msg="nwindow.onfocus 事件 : nn";
msg =" 浏览器获得了关节!";
alert(msg);
}
window.onblur = function ()
{
var msg="nwindow.onblur 事件 : nn";
msg =" 浏览器失去了难点!";
alert(msg);
}
window.onscroll = function ()
{
var msg="nwindow.onscroll 事件 : nn";
msg =" 客商拖动了滚动条!";
alert(msg);
}
window.onresize = function ()
{
var msg="nwindow.onresize 事件 : nn";
msg =" 客商改换了窗口尺寸!";
alert(msg);
}
//-->
</script>
body>
<br>
<p>载入文档:</p>
<p>取得关键:</p>
<p>失去大旨:</p>
<p>拖动滚动条:</p>
<p>变换尺寸:</p>
</body>
</html>

将上述源程序保存为*.html(或*.htm)文书档案,双击该文书档案后系统调用暗许的浏览器进行浏览。
当载入该文书档案时,触发 window.load 事件,弹出警告框如图3.2 所示。
图片 1
图 3.2 载入文书档案时触发window.load 事件
当把规范给该文书档案页面时,触发 window.onfocus 事件,弹出警告框如图3.3 所示。
图片 2
图 3.3 文书档案获得关键时触发window.onfocus 事件
当该页面失去宗旨时,触发 window.blur 事件,弹出警告框如图3.4 所示。
图片 3
图3.4 文书档案失去主旨时触发window.onblur 事件
当顾客拖动滚动条时,触发 window.onscroll 事件,弹出警告框如图3.5 所示。
图片 4
图 3.5 拖动滚动条,触发window.onscroll 事件
当客户改动文书档案页面大小时,触发 window.onresize 事件,弹出警告框如图3.6 所示。
图片 5
图 3.6 改动文书档案页面大小,触发window.onresize 事件
浏览器事件一般用于拍卖窗口定位、设置电磁照顾计时器可能依附客户喜好设定页面档次和内容等场地,在页面包车型客车交互性、动态性方面选取较为广阔。
注意:Netscape Navigator 4 帮助window.onmove 事件,该事件在前段时间浏览器窗口被顾客移动时接触,主
要用于窗口的定势方面。Internet Explorer 不扶助window.onmove 事件。

你或然感兴趣的篇章:

  • myEvent.js javascript跨浏览器事件框架
  • javascript营造跨浏览器事件处理机制[Blue-Dream出品]
  • Javascript 浏览器事件下结论

本文由必威的官网-必威体育发布于必威的官网网络,转载请注明出处:复制代码 代码如下

关键词: 必威88app登录

上一篇:js确定对象类型方法

下一篇:没有了