浏览器事件window.onload、o…

原文地址:浏览器事件window.onload、onfocus、onblur、onscroll和resize作者:lilyxiao

<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>

 

 

时间: 2024-11-16 18:51:57

浏览器事件window.onload、o…的相关文章

[转载]浏览器事件window.onload、onfocus、onblur、ons

原文地址:浏览器事件window.onload.onfocus.onblur.onscroll和resize作者:lilyxiao <html> <head> <title>Sample Page!</title> <script type="text/javascript"> <!-- window.onload = function(){  var msg = "nwindow.onload 事件:nn&q

关于window.onload事件及post表单自动登录问题

问题描述 关于window.onload事件及post表单自动登录问题 各位道友好,关于onload在网上查了很多资料,各家众说纷纭. 最近做一个在A网站跳转B网站并自动登录,用户密码等用A网站此用户的资料.我的思路很简单:将数据从A中传到B,B接收数据,并将接收的数据填入表单,然后自动提交. 我提交的方式是用一个onload事件去调用登录按钮的函数. 但是在这个onload上出现了问题. 解决方案 1. window.onload=ParamOnload 改为 1. window.onload

解决js window.onload事件同页面多加载问题

window.onload用法如下:  代码如下 复制代码 function func(){alert("this is window onload event!");return;} window.onload=func; 或者如下: window.onload=function(){alert("this is window onload event!");return;} 但window.onload 不能同时加载多个函数. 比如:  代码如下 复制代码 fu

window.onload绑定多个事件的两种解决方案_javascript技巧

前言 有些函数,必须在网页加载完毕后执行.比如:涉及DOM操作的. 网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可. 复制代码 代码如下: window.onload = myFunction; 问题来了:如果需要同时绑定多个事件,该如何处理呢?有两种解决方法 方案一 创建一个匿名函数,来容纳需要绑定的多个事件,再讲这个匿名函数绑定到onload事件上 window.onload = function(){ firstFunction(); secondFunction()

引用其它js时如何同时处理多个window.onload事件_javascript技巧

有时引用其它js时,其js却使用了window.onload事件,这样的话,引入的页面的onload事件就有可能执行不了,怎样才能两个都运行呢?除了将两个写到一块儿去的方法外,还有其他的方法 if(window.onload!=null){ eval("theOldFun="+window.onload.toString()); window.onload=function(){theOldFun();addReadResource();}; } eval()函数的作用: 它的功能是把

在chrome中window.onload事件的一些问题_javascript技巧

假如我们有一个如下的页面: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="

js window.onload 加载多个函数和追加函数详解

 本篇文章主要是对js window.onload 加载多个函数和追加函数进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 平时做项目 经常需要使用window.onload,   用法如下:   function func(){alert("this is window onload event!");return;}    window.onload=func;   或者如下:    window.onload=function(){alert("this is

html5-js以window.onload方式获取audio.duration的值为NaN,获取不到正确时长?

问题描述 js以window.onload方式获取audio.duration的值为NaN,获取不到正确时长? window.onload=function time(){ var duration = document.getElementById("audio").duration; document.getElementById("ss").innerHTML=duration; } 通过服务器访问 获取到的值为NaN. 但如果通过页面上的一个按钮点击,以on

myEvent.js javascript跨浏览器事件框架_javascript技巧

event究竟有多么复杂?可见前辈的6年前的努力:最佳的addEvent是怎样诞生的,后起之秀jQuery也付出了一千六百多行血汗代码(v 1.5.1)搞定了6年后出现的各种核的浏览器. 我参考前辈的代码以及自己的理解尝试写了一个事件框架,我的框架完成了一个事件机制的核心,它能提供统一接口实现多事件绑定以及避免内存泄漏等其他一些问题,更重要的是性能还不错. 我的手法: 所有回调函数根据元素.事件类型.回调函数唯一ID缓存在一个_create对象中(其内部具体结构可见下面源码的关于_cache的注