`
- 浏览:
361804 次
- 性别:
-
window.onload
同时执行多个函数的解决方法
1.
最简单的调用方式
直接写到
html
的
body
标签里面，如下示例：
程序代码
<html>
<body onload="function()">
</body>
</html>
2.
在
JavaScript
语句里调用
程序代码
<script>
function f1(){...}
window.onload=f1;
</script>
3.
同时调用多个函数
(body
方式
)
程序代码
<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.
在
JavaScript
语句中同时调用多个函数
程序代码
<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的
JavaScript
程序中，如果程序函数很多，逻辑比较复杂，
可以考虑用另外一种方式。
5.
自定义函数式多次调用
程序代码
<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload
事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function") {
window.onload=func;
}else{
window.onload=function() {
oldonload();
func();}};
}
//
调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为
onload
事件只有一次。
分享到：
相关推荐
脱离document.onload和window.onload的onload事件，可多次添加加载事件！
资源名称：15天漫游jQuery中文翻译 word版内容简介：15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javaｓｃｒｉｐｔ函数。数年来程序员们习惯了通过它在...
selenium会弹出网页窗口，因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot.prototype.modifyWindowToRecordPopUpDialogs中的newOpen，但这必须在window.onload之后创建才有效。对于HTTPS安全性...
腾迅Web前端开发工程师笔试题及答案 ...function elementName(evt){ evt = evt|| window.... window.onload = function(){ var el = document.getElementsByTagName('body'); el[0].onclick = elementName; } ......
其中，window.onload方法是页面所有资源加载完成之后触发，因此性能较差；(document).ready方法是在页面dom元素加载完成之后触发，性能较好。 总体而言，页面渲染完毕时间监听是前端开发中一个非常重要的环节，能够...
window.onload = function() { var myShakeEvent = new Shake({ threshold: 15 }); myShakeEvent.start(); window.addEventListener('shake', shakeEventDidOccur, false); function ...
window.onload = function () { window.setInterval("ajaxpage('dummy/top.txt','top',{color:'blue',opacity:0.25})", 3000); window.setInterval("ajaxpage('dummy/left.txt','left',{color:'black', opacity:...
window.onload = function(){ initAnimate() } function initAnimate(){ drawBg(); lastTime = new Date(); animate(); } var lastTime; function animate(){ ctx.save(); ctx....
window.onload = function () { console.log('window.onload 方式执行') } $(document).ready(function () { console.log('$(document).ready(function(){}) 方式执行') })
window.onload=function(){SetWidth()}; window.onresize=function(){SetWidth()}; function SetWidth(){ if(!document.getElementById) return; var w=$("gallery").offsetWidth-20; if(w>0 && w!=null){ $(...
JS知识点:1.window.onload记得关闭加载动画 2.判断是否手机端 3.js封装了个缓动动画。 喜欢的可以打开下面的网页另存下载下来！代码乱的可以[捂脸]！很纯很净[奸笑]！原汁原味[机智]！背景音乐还可以，点击就可以听...
window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":"shangjiahang1@tinysoft"}, {"src":"....
本微信登录代码主要适用于手机微信网页的会员登录功能，无需有公众号，无需申请开通开放平台，只需要网站上镶上本代码，即可实现微信网站自动登录，自动获取... } }//获取url中传递过来的值window.onload = function(){
（也许window.onload()能实现同样的功能，但是jQuery更加快速，灵活）。 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web...
window.onload = function() { var elevator = new Elevator({ mainAudio: '/src/to/audio.mp3', endAudio: '/src/to/end-audio.mp3' }); } // You can run the elevator, by calling. ...
JS实现点击掉落特效 js实现点击掉落特效 ... charset=utf-8"> 无标题文档</title> <script src="jquery.js"></script> <script> window.onload = function () { var str = ''; var len = 20; var aDiv = docu
JavaScript canvas实现七彩太阳光晕效果 ...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> , initial-scale=1.0"> <title>Document</title> <script> window.onload=f
window.onload=function(){ page=id("menu").getElementsByTagName("div"); if(page.length>0){ page[0].style.zIndex=2; } for(i=0;i<page.length;i ){ page[i][removed] ="<span class=\"tip\">" (i 1) "/" ...
window.onload = function(){ var btn = document.getElementById('btn'); var cm = document.getElementById('cm'); // 获取html中的菜单 var menu = document.getElementsByTagName('span'); var ...