浏览器事件window.onload、o…-阿里云开发者社区

开发者社区> XOSG> 正文

浏览器事件window.onload、o…

简介: 原文地址:浏览器事件window.onload、onfocus、onblur、onscroll和resize作者:lilyxiao Sample Page!   载入文档:   取得焦点:   失去焦点:   拖动滚动条:   变换尺...
+关注继续查看

<html>
<head>
<title>Sample Page!</title>
<script type="text/javascript">
<!--
window.onload = function(){
 var msg = "nwindow.onload 事件: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.resize = function(){
 var msg = "nwindow.resize 事件:nn";
 msg += "用户改变了窗口尺寸:";
 alert(msg);
}
-->
</script>
</head>
<body>
<br>
  <p>载入文档:</p>
  <p>取得焦点:</p>
  <p>失去焦点:</p>
  <p>拖动滚动条:</p>
  <p>变换尺寸:</p>
</body>
</html>

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
HTML 5 标签、属性、事件及浏览器兼容性速查表
  HTML 5 可以说是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。
952 0
JavaScript Window - 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (Browser Object Model) 尚无正式标准。
897 0
一个形象展示浏览器事件冒泡与捕获过程的demo
http://jsbin.com/xafeniyaqu/edit?html,js,output
601 0
Windows Phone 8初学者开发—第5部分:布局和事件基础
原文 Windows Phone 8初学者开发—第5部分:布局和事件基础 原文地址: http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners/Part-5-Basics-of-Layout-and-Events 系列地址:http://channel9.
702 0
关闭windows 2003 开机事件报错
   微软的Windown Server 2003尽管它是对应服务器的,但仍然有不少朋友蠢蠢欲动,欲升之而后快。可是,安装之后你就会发现麻烦多多,这样功能没有,那样功能打不开,甚至连听歌,玩游戏也成问题了。
864 0
+关注
XOSG
半路出家的MEAN全栈工程师; 从运维转型开发的佛系程序员
514
文章
18
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载