`

window.onload与body onload (二)

    博客分类:
  • js
 
阅读更多

 

window.onload的事件和body的onload事件都是在document加载结束后才触发的。

window.onload之匿名式:

window.onload = function(){
	alert("window");
}

 

window.onload之饿汉式:

function wol(){
	alert("window");
}
window.onload = wol(); 

 

window.onload之懒汉式: 

function wol(){
	alert("window");
}
window.onload = wol;

 

懒汉式执行最终代码。饿汉式执行全部代码。匿名式执行最终代码。

 

<html>
<head>
<script type="text/javascript">
window.onload = function(){
	alert("window");
}
function bol(){
	alert("body");
}
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">

</script>
</body>
</html>

 

匿名式与body在head里:body.onload执行,匿名式不执行。

 

 

<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = function(){
	alert("window");
}
</script>
</body>
</html>

 匿名式与body在body里:匿名式执行,body.onload不执行。

 

 

<html>
<head>
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol; 
function wol(){
	alert("window");
}
</script></head>
<body onLoad="bol();">
</body>
</html>

 懒汉式与body在head里body.onload执行,懒汉式不执行。

 

<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol; 
function wol(){
	alert("window");
}
</script>
</body>
</html>

  懒汉式与body在body里:懒汉式执行,body.onload不执行。

 

<html>
<head>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol(); 
function wol(){
	alert("window");
}
</script>
</body>
</html>

or

<html>
<head>
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol(); 
function wol(){
	alert("window");
}
</script>
</head>
<body onLoad="bol();">
</body>
</html>

    饿汉式与body:两者都会执行。

 

  匿名式,懒汉式,饿汉式与body: body.onload和饿汉式执行,匿名式,懒汉式不执行。

分享到:
评论

相关推荐

    ie中 body onload 和 window onload 解决法案

    有需要的朋友是最好的参考资料。希望有所帮助!

    获取页面长宽和滚动条的位置

    &lt;!...&lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) ... scrW = window....&lt;body onload="main();"&gt; &lt;/body&gt; &lt;/html&gt;

    window.addEventListener来解决让一个js事件执行多个函数

    可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到[removed]中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window....

    Web前端开发工程师笔试题及答案

    腾迅Web前端开发工程师笔试题及答案 ...function elementName(evt){ evt = evt|| window.... window.onload = function(){ var el = document.getElementsByTagName('body'); el[0].onclick = elementName; } ......

    javascript提示类

    某页面中button按钮事件写代码如下: ... Response.Write("&lt;script&gt;window.open('" + Str1 + "','_blank');window.showModalDialog('close....&lt;body onload="window.parent.opener=null;window.close();"&gt; &lt;/body&gt; &lt;/html&gt;

    利用 window_onload 实现select默认选择

    请参考这个程序: &lt;?... ?&gt; &lt;... &lt;head&gt; &lt;... charset=gb2312"&gt;...meta name="GENERATOR" content="Microsoft FrontPage 4.0"&gt;...meta name="ProgId" content="FrontPage....body onload="window.form1.day.

    各种浏览器兼容问题

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算...

    javascript小技巧

    window.onload=setmessage2 else if (document.all) window.onload=setmessage &lt;center&gt; &lt;tr&gt;&lt;td align=center&gt;, Helvetica, sans-serif"&gt;下面为脚本显示区!&lt;/strong&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td ...

    107个常用javascript语句

    与FOCUS()相反. 65.select()指元素为选中状態. 66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML標记符)").length 68.JS中分为两种窗体...

    用meta实现的页面跳转代码

    用meta实现的页面跳转代码,建议与js一起使用,防止页面假死或不支持js的情况,都可以实现效果。

    详解JavaScript中getFullYear()方法的使用

    javascript Date.getFullYear()方法按照本地时间返回指定日期的年份。通过getFullYear返回的值是一个绝对的数字。对于1000年和9999之间的日期,getFullYear返回一个4位数字,例如2008年。...body&gt; [removed]

    右下角弹出窗口 javascript

    window.onload=function(){showBox();setTimeout("closeBox()",10000)} function showBox(o){ if (o==undefined) o=document.getElementById("rbbox"); o.style.height=o.clientHeight+2+"px"; if (o.clie

    javascript函数的解释

    与FOCUS()相反. 65.select()指元素为选中状态. 66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length 68.JS中分为两种窗体...

    页面中body onload 和 [removed] 冲突的问题的解决

    1.使用attachEvent给onload添加所需运行的函数 代码如下:if (document.all) { window.attachEvent(‘onload’, FuncName) } else { window.addEventListener(‘load’, FuncName, false); } 2.使用[removed] = ...

    jqzoom放大镜插件.zip

    this.node.onload = function() { //setto il cursor e la posizione dell'href a.css({'cursor':'crosshair','display':'block'}); if(a.css('position')!= 'absolute' && a.parent().css('position')) { ...

    很酷的时钟 (跟随鼠标飘动的双层时钟!).

    dCol='000000';//date colour. fCol='000000';//face colour. sCol='000000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. ...if (ns||ie)window.onload=Delay; &lt;/SCRIPT&gt;

    kokoro::beating_heart:无头,轻巧,功能齐全的网络音乐播放器

    onload = ( ) =&gt; { window . player = new Kokoro ( ) console . log ( `Initialized player instance of kokoro v ${ window . player . version } .` )}document . body . appendChild ( script

    【JavaScript源代码】JavaScript 鼠标事件(MouseEvent)案例讲解.docx

    JavaScript 鼠标事件(MouseEvent)案例讲解  鼠标事件-MouseEvent 当鼠标进行某种... console.log(e) } window.onload = function (){ document.getElementsByTagName('body')[0].addEventListener('mousedown',mo

    PDFObject在线载入PDF

    window.onload = function (){ var success = new PDFObject({ url: "~/pdf/dtix201406-l.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1"); }; &lt;/script&gt; &lt;body&gt; ; ...

Global site tag (gtag.js) - Google Analytics