about window.onload

在前几天一次练习中因为我要在页面加载完成后调用一个函数，于是我在javascript中用了window. onload，这个方法以前从学习js就在使用，有时还用来调用多个函数。然而我在这次想偷懒，就这样写了一段代码：

window.οnlοad=function name(){

$(".left_div").slideDown("show");

}

因为原本window.οnlοad=function（）{·······}就是一个匿名函数，所以我像上面这样写并没有错，但是当我在后面调用name()这个函数时，就没法调用。因为onload 事件会在页面或图像加载完成后立即发生，而且属于event对象。像我那上面的那种写法，如果在后面再调用这个name（）这个函数肯定是不行的！

以下是几种用法方法：

1、最简单的调用方式

直接写到html的body标签里面，如：

<html>

</body>

</html>

2、在JS语句调用

function name(){……}

window.οnlοad=name;

</script>

3、同时调用多个函数

直接写到html的body标签里面,如：

<html>

</body>

</html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。

function name1(){……}

function name2(){……}

function name3(){……}

window.οnlοad=function(){

name();

name 2();

name 3();

}

</script>

5、JS自定义函数式多次调用

function func1(){……}

function func2(){……}

function func3(){……}

function addLoadEvent(func){

var oldοnlοad=window.onload;

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

window.οnlοad=func;

}

else{

window.οnlοad=function(){

oldonload();

func();

}

addLoadEvent(func1);

addLoadEvent(func2);

addLoadEvent(func3);

</script>

转载于:https://www.cnblogs.com/liubooklin/p/3928109.html

about window.onload相关推荐

Javascrapy的window onload()函数用法
window.onload()通常用于<body>元素,在页面完全加载后(包括图片,css文件等等)执行脚本代码. 详情:https://www.runoob.com/w3cnote/ja ...
window.onload和jquery中$(function(){ })的区别
为什么80%的码农都做不了架构师?>>> 今天调试js发现一个问题,我想页面加载完之后才执行我写的js方法,首先我用jqery中$(function(){ })调试了N久都没有 ...
$(document).ready()和window.onload的区别
来源于: The window.onload event fires when a document is completely downloaded to the browser. This mea ...
php window.onload,window.onload 触发时机问题
本文首发我的博客 - blog.cdswyda.com,转载务必保留作者和出处,以便追溯和错误修正. 本文关键点: window.onload 和页面上 ajax 的成功回调到底哪个先触发. 答案是 ...
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题参考文章: (1)原生js的attachEvent和addEventLis ...
window.onload 不执行
直接把window.onload这个换成$(document).ready 两者区别 ready 事件的触发,表示文档结构已经加载完成(不包含图片等非文字媒体文件).onload 事件的触发,表示页面 ...
谈谈document.ready和window.onload的区别
在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的,都是在dom文档树加载完之后执行 ...
window.onload和$(document).ready()区别很大……
window.onload和$(document).ready()区别很大-- posted on 2014-06-11 14:01 Juniors 阅读(...) 评论(...) 编辑收藏转载于 ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
实现map window.onload加载
之前一直是写C/S的,最近转做B/S了,记录一下自己在工作和学习中的JS小技巧,方便自己今后复习和查阅. JS中默认只带array,有时候会需要key-value的map类功能,虽然array也支持a ...

about window.onload

about window.onload相关推荐

最新文章

热门文章