一个实用的JS自定义函数addLoadEvent()

在给网页加一些特效时经常要在<body>中加入“onload”事件，即在网页加载完后执行某事件，例如：<body οnlοad=”alert(‘欢迎光临!’)”，但这样做有个大的缺陷，事件会在网页完全下载完后才会执行，包括网页中的图片或Flash等，如果网页中的图片比较大或有很多图，可能还没等网页完全下载完网友已经点击链接到其它网页去了，这样这个事件就没有执行了。另外在某些特殊情况下可能还修改不了网页的body参数。如在别人网站发表文章时，或用CMS整站系统时。　　这时我们会想到用“window.onload”或“document.body.onload”来替换<body>中的onload事件，的确，问题解决了，但在加载多个onload事件时或控制加裁顺序时还会出现一些问题，直到我发现“Paul Koch”写的addLoadEvent()函数后，所有问题都解决了。如果大家一定要用“window.onload”或 “document.body.onload”来替换<body>中的onload事件，建议大家用前者，Firefox浏览器中无效，即兼容性有问题。

JavaScript代码
function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

if (oldonload) {

oldonload();

}

func();

}

//调用方法：

addLoadEvent(页面加裁函数名);

//或

addLoadEvent(function() {

//更多页面加裁代码

}); 　　

推荐大家以后都用addLoadEvent()函数来替换<body>中加入“onload”事件。addLoadEvent ()自定义代码来源于：http://www.simonwillison.net/2004/May/26/addLoadEvent/

# function addLoadEvent(func) {

# var oldonload = window.onload;

# if (typeof window.onload != 'function') {

# window.onload = func;

# } else {

# window.onload = function() {

# if (oldonload) {

# oldonload();

# }

# func();

# }

# addLoadEvent(function() {

# document.body.style.backgroundColor = 'yellow';

# })

转载于:https://www.cnblogs.com/leejersey/archive/2012/03/10/2389614.html

一个实用的JS自定义函数addLoadEvent()相关推荐

js自定义函数及参数问题
js自定义函数的过程中,往往我们希望指定一些参数的默认值很容易的会写出如下的js 方法 function test(a,b,c=1,d='id'){ return 1; } 但是定义完之后,浏览器会 ...
Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...
100个不能错过的实用JS自定义函数
转载地址:http://www.bitscn.com/school/JavaScript/201408/306460.html 1.原生JavaScript实现字符串长度截取代码如下: functio ...
40个实用JS自定义函数（二）
原生JavaScript常用的正则表达式代码如下://正整数 /^[0-9]*[1-9][0-9]*$/; //负整数 /^-[0-9]*[1-9][0-9]*$/; //正浮点数 /^(([0-9 ...
常用原生js自定义函数
js获取日期函数 //获取当前时间日期 function CurentTime() {var now = new Date();var year = now.getFullYear(); //年var ...
matlab 调用函数本身,怎么在matlab自定义函数中再调用一个自定义函数？
Matlab自定义函数的七种方法1.函数文件+调用命令文件:需单独定义一个自定义函数的M文件.2.函数文件+子函数:定义一个具有多个自定义函数的M文件.3.Inline:无需M文件,直接定义.4.匿名 ...
WordPress开发入门08：自定义函数和WordPress钩子
当我们创建自定义主题或插件时,通常必须编写自己的PHP代码.这些代码通常存储在自定义函数中.我们知道函数是可复用的代码块,只要你需要就可以重复调用. 现在来看看几个WordPress常见的使用自定义函 ...
Oracle自定义函数
2019独角兽企业重金招聘Python工程师标准>>> Oracle自定义函数用户定义函数是存储在数据库中的代码块,可以把值返回到调用程序.调用时如同系统函数一样,如max(val ...
oracle自定义函数获取省份,oracle 自定义函数方法基本例子
核心提示:函数用于返回特定数据.执行时得找一个变量接收函数的返回值; 语法如下: create or replace function function_name ( argu1 [mode1] da ...

一个实用的JS自定义函数addLoadEvent()

一个实用的JS自定义函数addLoadEvent()相关推荐

最新文章

热门文章