浏览器事件window.onload、onfocus、onblur、onscroll和resize

浏览器事件window.onload、onfocus、onblur、onscroll和resize

 (2011-01-26 09:50:07)
标签： 

it

 		分类： javascript

<html>
<head>
<title>Sample Page!</title>
<script type="text/javascript">
<!--
window.onload = function(){
 var msg = "\nwindow.onload 事件：\n\n";
 msg += "浏览器载入了文档：";
 alert(msg);
}
window.onfocus = function(){
 var msg = "\nwindow.onfocus 事件：\n\n";
 msg += "浏览器取得了焦点：";
 alert(msg);
}
window.onblur = function(){
 var msg = "\nwindow.onblur 事件：\n\n";
 msg += "浏览器失去焦点：";
 alert(msg);
}
window.onscroll = function(){
 var msg = "\nwindow.onscroll 事件：\n\n";
 msg += "用户拖动了滚动条：";
 alert(msg);
}
window.resize = function(){
 var msg = "\nwindow.resize 事件：\n\n";
 msg += "用户改变了窗口尺寸：";
 alert(msg);
}
-->
</script>
</head>
<body>
<br>
  <p>载入文档：</p>
  <p>取得焦点：</p>
  <p>失去焦点：</p>
  <p>拖动滚动条：</p>
  <p>变换尺寸：</p>
</body>
</html>

 

 

posted @ 2016-04-18 15:26  夜深人静123  阅读(467)  评论(0)  编辑  收藏  举报