<main>
<div class="blog-content-box">
<div class="article-title-box">
<span class="article-type type-1 float-left">原</span> <h6 class="title-article">window.onload = init 与window.onload = init()的差别</h6>
</div>
<div class="article-info-box">
<div class="article-bar-top d-flex">
<span class="time">2017年07月14日 16:21:22</span>
<div class="float-right">
<span class="read-count">阅读数：856</span>
</div>
</div>
</div>
<article>
<div id="article_content" class="article_content csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post">
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/htmledit_views-0a60691e80.css">
<div class="htmledit_views">
<h1 style="margin:0px;padding:0px;font-size:16px;line-height:26px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;color:rgb(51,51,51);">
<span class="ask-title" style="display:inline;font-size:24px;line-height:34px;font-weight:400;overflow:hidden;">window.onload = init 与window.onload = init()的差别</span></h1>
<div><span class="ask-title" style="display:inline;line-height:34px;font-weight:400;overflow:hidden;"><span style="font-size:18px;"><br></span></span></div>
<div><span class="ask-title" style="display:inline;line-height:34px;overflow:hidden;"></span>
<pre id="best-content-2312598951" class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong>1.window.onload = init ; 是 把函</strong></span><span style="font-weight:bold;font-size:18px;">数值赋给onload属性。 </span><span style="font-size:18px;"><strong><br style="display:block;margin:20px 0px;">上面这句赋值时不会执行Init函数，且onload对应的方法是init函数</strong></span></pre>
<pre class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong>常用于在页面加载完成之后要做的操作。</strong></span></pre>
<pre class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong></strong></span></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 534px; top: 532px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_1" src="https://csdnimg.cn/public/highlighter/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&width=16&height=16" wmode="transparent"></div><div style="position: absolute; left: 534px; top: 532px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_3" src="https://csdnimg.cn/public/highlighter/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=16&height=16" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span><!DOCTYPE html</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">html</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">charset</span><span>=</span><span class="attribute-value">"utf-8"</span><span> </span><span class="tag">/></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/javascript"</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"js/jquery-1.8.3.min.js"</span><span> </span><span class="tag">></span><span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/javascript"</span><span class="tag">></span><span> </span></span></li><li class=""><span> document.getElementById("txt")<span class="attribute">.innerHTML</span><span>=</span><span class="attribute-value">"1111"</span><span>; </span></span></li><li class="alt"><span> </span></li><li class=""><span> function init(){ </span></li><li class="alt"><span> </span></li><li class=""><span> } </span></li><li class="alt"><span> </span></li><li class=""><span> <span class="attribute">window.onload</span><span>=</span><span class="attribute-value">init</span><span>; </span></span></li><li class="alt"><span> </span></li><li class=""><span> <span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">body</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> </span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">div</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"txt"</span><span> </span><span class="tag">></span><span>0000</span><span class="tag"></</span><span class="tag-name">div</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> </span></li><li class=""><span> <span class="tag"></</span><span class="tag-name">body</span><span class="tag">></span><span> </span></span></li><li class="alt"><span><span class="tag"></</span><span class="tag-name">html</span><span class="tag">></span><span> </span></span></li></ol></div><pre class="html" name="code" style="display: none;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript">
document.getElementById("txt").innerHTML="1111";
function init(){
}
window.οnlοad=init;
</script>
</head>
<body>
<div id="txt" >0000</div>
</body>
</html>
</pre><br><br>
<pre class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong>
</strong></span></pre>
<pre class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong></strong></span></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 534px; top: 1107px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="https://csdnimg.cn/public/highlighter/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=16&height=16" wmode="transparent"></div><div style="position: absolute; left: 534px; top: 1107px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie_4" src="https://csdnimg.cn/public/highlighter/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=16&height=16" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span><!DOCTYPE html</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">html</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">charset</span><span>=</span><span class="attribute-value">"utf-8"</span><span> </span><span class="tag">/></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/javascript"</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"js/jquery-1.8.3.min.js"</span><span> </span><span class="tag">></span><span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/javascript"</span><span class="tag">></span><span> </span></span></li><li class=""><span> </span></li><li class="alt"><span> function init(){ </span></li><li class=""><span> document.getElementById("txt")<span class="attribute">.innerHTML</span><span>=</span><span class="attribute-value">"1111"</span><span>; </span></span></li><li class="alt"><span> } </span></li><li class=""><span> </span></li><li class="alt"><span> <span class="attribute">window.onload</span><span>=</span><span class="attribute-value">init</span><span>; </span></span></li><li class=""><span> </span></li><li class="alt"><span> <span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"></</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">body</span><span class="tag">></span><span> </span></span></li><li class=""><span> </span></li><li class="alt"><span> <span class="tag"><</span><span class="tag-name">div</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"txt"</span><span> </span><span class="tag">></span><span>0000</span><span class="tag"></</span><span class="tag-name">div</span><span class="tag">></span><span> </span></span></li><li class=""><span> </span></li><li class="alt"><span> <span class="tag"></</span><span class="tag-name">body</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"></</span><span class="tag-name">html</span><span class="tag">></span><span> </span></span></li></ol></div><pre class="html" name="code" style="display: none;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript">
function init(){
document.getElementById("txt").innerHTML="1111";
}
window.οnlοad=init;
</script>
</head>
<body>
<div id="txt" >0000</div>
</body>
</html>
</pre>比较上面的两个示例，第一个页面还是显示0000，第二个则显示的是1111
<pre class="best-text mb-10" style="margin-top:10px;margin-bottom:10px;padding:0px;font-family:'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, '宋体', sans-serif, tahoma;white-space:pre-wrap;line-height:29px;color:rgb(51,51,51);background-color:rgb(255,255,255);" name="code"><span style="font-size:18px;"><strong>
<br style="display:block;margin:20px 0px;"><br style="display:block;margin:20px 0px;">window.onload = init(); 是调用函数init.<br style="display:block;margin:20px 0px;">上面这句赋值时会执行Init函数，且onload对应的方法不是init函数，而是执行结果</strong></span></pre>
</div>
<div><br></div>
</div>
</div>
</article>
<div class="article-bar-bottom">
<div class="article-copyright">
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33406883/article/details/75120921 </div>
<div class="tags-box">
<span class="label">个人分类：</span>
<a class="tag-link" href="https://blog.csdn.net/qq_33406883/article/category/7028292" target="_blank">前端************** </a><a class="tag-link" href="https://blog.csdn.net/qq_33406883/article/category/6356100" target="_blank">笔记丶 </a>
</div>
</div>
<!-- !empty($pre_next_article[0]) -->
</div>
<script>
$(".MathJax").remove();
</script>
<script type="text/javascript" src="https://static-blog.csdn.net/mdeditor/public/res/bower-libs/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config;executed=true">
MathJax.Hub.Config({
"HTML-CSS": {
linebreaks: { automatic: true, width: "94%container" },
imageFont: null
},
tex2jax: {
preview: "none"
},
mml2jax: {
preview: 'none'
}
});
</script>
<script>
(function(){
var btnReadmore = $("#btn-readmore");
if(btnReadmore.length>0){
var winH = $(window).height();
var articleBox = $("div.article_content");
var artH = articleBox.height();
if(artH > winH*2){
articleBox.css({
'height':winH*2+'px',
'overflow':'hidden'
})
btnReadmore.click(function(){
articleBox.removeAttr("style");
$(this).parent().remove();
})
}else{
btnReadmore.parent().remove();
}
}
})()
</script> <div class="edu-promotion"></div>
<a id="commentBox"></a>
<div class="comment-box">
<div class="comment-edit-box d-flex">
<a id="commentsedit"></a>
<div class="user-img">
<img src="https://avatar.csdn.net/1/D/3/3_qq_39483526.jpg">
</div>
<form id="commentform">
<input type="hidden" id="comment_replyId">
<textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
<div class="opt-box"> <!-- d-flex -->
<div id="ubbtools" class="add_code">
<a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
</div>
<input type="hidden" id="comment_replyId" name="comment_replyId">
<input type="hidden" id="comment_userId" name="comment_userId" value="">
<input type="hidden" id="commentId" name="commentId" value="">
<div style="display: none;" class="csdn-tracking-statistics tracking-click" data-mod="popu_384"><a href="#" target="_blank" class="comment_area_btn">发表评论</a></div>
<div class="dropdown" id="myDrap">
<a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="txt-selected text-truncate">添加代码片</div>
<svg class="icon d-block" aria-hidden="true">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#csdnc-triangledown"></use>
</svg>
</a>
<ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
<li><a data-code="html">HTML/XML</a></li>
<li><a data-code="objc">objective-c</a></li>
<li><a data-code="delphi">Delphi</a></li>
<li><a data-code="ruby">Ruby</a></li>
<li><a data-code="php">PHP</a></li>
<li><a data-code="csharp">C</a></li>
<li><a data-code="cpp">C++</a></li>
<li><a data-code="javascript">JavaScript</a></li>
<li><a data-code="vb">Visual Basic</a></li>
<li><a data-code="python">Python</a></li>
<li><a data-code="java">Java</a></li>
<li><a data-code="css">CSS</a></li>
<li><a data-code="sql">SQL</a></li>
<li><a data-code="plain">其它</a></li>
</ul>
</div>
<div class="right-box">
<span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
<input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
</div>
</div>
</form>
</div>
<div class="comment-list-container">
<a id="comments"></a>
<div class="comment-list-box">
</div>
<div id="commentPage" class="pagination-box d-none"></div>
</div>
</div> <div class="recommend-box">
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="true" data-dsm="post">
<h4 class="text-truncate">
<a href="-" target="_blank" strategy="EduRecommendInPriority_0">
Android驱动深度开发视频教程 </a>
</h4>
<p class="content">
<a href="-" target="_blank" strategy="EduRecommendInPriority_0">
也许是中国第一个讲解android驱动的课程，涵盖: bootloader，内核移植，INIT进程，框架(BINDER IPC,SERVICE FRAMEWORK Activity Manager Serive,JNI,HAL等),binder驱动，logger，Ashmen，电源管理，常用驱动(如灯光系统，输入系统，显示系统等)，构建Android，定制ROM </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<span class="read-num">学院</span>
</p>
<p>
<span class="date">2016年05月23日 16:48</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="true" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/zndxlxm/article/details/7872090" target="_blank" strategy="BlogCommendFromBaidu_1">
window.onload使用方法 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/zndxlxm/article/details/7872090" target="_blank" strategy="BlogCommendFromBaidu_1">
"text/javascript">
function init(){
alert("页面加载完毕！");
}
window.οnlοad=init;
... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/zndxlxm" title="zndxlxm" target="_blank">
<img src="https://avatar.csdn.net/7/E/1/3_zndxlxm.jpg" alt="zndxlxm" class="avatar-pic">
<span class="name">zndxlxm</span>
</a>
</p>
<p>
<span class="date">2012-08-16 10:17:59</span>
</p>
<p>
<span class="read-num">阅读数：79724</span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-ad-box"><newsfeed class="newsfeed QIHOO__WEB__SO__1525190307355_622" id="QIHOO__WEB__SO__1525190307355_622" style="display:block;margin:0;padding:0;border:none;width:800px;height:120px;overflow-y:hidden;overflow-x:hidden;position:relative;text-align:left;"><info-div id="QIHOO__WEB__SO__1525190307355_622-info" style="zoom:1"><info-div class="QIHOO__WEB__SO__1525190307355_622 singleImage clk" data-href="https://ssxd.mediav.com/s?type=2&r=20&mv_ref=blog%2Ecsdn%2Enet&enup=CAABcvRA5AgAAuRA9HIA&mvid=NzExNDk4ODc2MDM0ODIwMjQwMzAwMTg&bid=1250d448da328b3c&price=AAAAAFrojqMAAAAAAANsnjPnubxQcwV5t7nL/w==&finfo=DAABCAABAAAALggAAgAAAB8EAAM/VixGS04L5gAIAAIAAAADCgADEzble6U3EqAIAAQAAAAiBgAGG4sIAAgABwTgCgAJAAAAAAACEBQGAAoAAAA&ugi=FcTgigEVyNtrTBUCFSgVKBUAABXvyfCbCxYEFcgBAA&uai=FaixkwIlAhUEFrKR8MTcmO62JhXyCCXpjryvDhQEFQAA&ubi=FbSxPhWwrokCFfa8pBQV8s+ZUxUGFRwWuO+OwBYWspGFrObe8rYmNAIWqMAQJQYV2pL/lAYVngEVAAA&clickid=0&cpx=__CPX__&cpy=__CPY__&cs=__EVENT_TIME_START__&ce=__EVENT_TIME_END__&csign=209d24e71f4fb5df&url=http%3A%2F%2Fy%2Ecode%2E17tanwan%2Ecom%2Fhtmlcode%2F20664%2Ehtml" data-clk="https://max-l.mediav.com/rtb?type=3&d=100&b=1250d448da328b3c&p=2255956&l=1136674&s=1&k=hUrWnQAAAAA=&i=3CwiM-BIIJc0&v=71149887603482024030018&st=__EVENT_TIME_START__&et=__EVENT_TIME_END__&tc=&turl=">
<info-div class="wrap">
<info-div class="singleImage-img singleImage-img-right">
<info-div class="img" style="background-image:url(https://s3m.mediav.com/galileo/511066-f5e069de69deea6566cfc591b53f1ff3.gif)"><info-div class="ads-tag"></info-div></info-div>
</info-div>
<info-div class="singleImage-body singleImage-body-right">
<info-div class="singleImage-title">古天乐：渣渣辉太菜了，被我爆了两个麻痹戒指，回收赚了两万经验</info-div>
<info-div class="singleImage-desc">贪玩游戏 · 顶新</info-div>
</info-div>
</info-div>
<info-div style="clear:both;"></info-div>
</info-div>
</info-div></newsfeed>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="true" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/zmxj/article/details/1770167" target="_blank" strategy="BlogCommendFromBaidu_2">
javascript的window.onload方法使用 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/zmxj/article/details/1770167" target="_blank" strategy="BlogCommendFromBaidu_2">
window.onload方法，可以定义html中的onload方法例如：window.οnlοad=function(){ var a = document.getElementById("lo... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/zmxj" title="zmxj" target="_blank">
<img src="https://avatar.csdn.net/9/9/4/3_zmxj.jpg" alt="zmxj" class="avatar-pic">
<span class="name">zmxj</span>
</a>
</p>
<p>
<span class="date">2007-09-03 14:11:00</span>
</p>
<p>
<span class="read-num">阅读数：47376</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/u010746364/article/details/53333376" target="_blank" strategy="BlogCommendFromBaidu_3">
window.onload的简单使用 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/u010746364/article/details/53333376" target="_blank" strategy="BlogCommendFromBaidu_3">
document.getElementById("btn").onclick = function() {
alert("btn");
}
window.οnlοad=function() {... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/u010746364" title="u010746364" target="_blank">
<img src="https://avatar.csdn.net/B/3/D/3_u010746364.jpg" alt="u010746364" class="avatar-pic">
<span class="name">u010746364</span>
</a>
</p>
<p>
<span class="date">2016-11-25 13:39:06</span>
</p>
<p>
<span class="read-num">阅读数：662</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/u012767761/article/details/74563723" target="_blank" strategy="BlogCommendFromBaidu_4">
window.onload事件的作用是什么 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/u012767761/article/details/74563723" target="_blank" strategy="BlogCommendFromBaidu_4">
window.onload事件的作用是什么:
在很多操作dom的代码中，都会有标题中事件的使用，下面就简单介绍一下它的作用。
此事件只有当文档内容加载完毕才会触发，这样可以避免无法获取元素的现象。... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/u012767761" title="u012767761" target="_blank">
<img src="https://avatar.csdn.net/A/A/2/3_u012767761.jpg" alt="u012767761" class="avatar-pic">
<span class="name">u012767761</span>
</a>
</p>
<p>
<span class="date">2017-07-06 16:32:07</span>
</p>
<p>
<span class="read-num">阅读数：2053</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/taoerchun/article/details/51490714" target="_blank" strategy="BlogCommendFromBaidu_5">
window.onload和$(function(){})区别 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/taoerchun/article/details/51490714" target="_blank" strategy="BlogCommendFromBaidu_5">
window.onload是js原生的事件，$(function(){})是Jquery的方法，两者主要有以下几点差别：
1、window.onload：在页面所有资源加载完后执行，如果有多个定义... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/taoerchun" title="taoerchun" target="_blank">
<img src="https://avatar.csdn.net/0/D/6/3_taoerchun.jpg" alt="taoerchun" class="avatar-pic">
<span class="name">taoerchun</span>
</a>
</p>
<p>
<span class="date">2016-05-24 19:31:09</span>
</p>
<p>
<span class="read-num">阅读数：6689</span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-ad-box" id="yd_a_d_feed_0">
<script>
var new_element = document.createElement("script");
new_element.setAttribute("async", "async");
new_element.setAttribute("charset", "utf-8");
new_element.setAttribute("data-notify", "inforFlowMulti_notify");
new_element.setAttribute("src", "https://shared.ydstatic.com/js/yatdk/3.0.0/stream.js");
new_element.setAttribute("data-id", "8935aa488dd58452b9e5ee3b44f1212f");
new_element.setAttribute("data-insert-nodes", "yd_a_d_feed_0");
new_element.setAttribute("data-pos", "inline");
new_element.setAttribute("data-img-Style", "float:right;width:120px;");
new_element.setAttribute("data-des-Style", "color: #8e959a;line-height: 24px;font-size:14px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;");
new_element.setAttribute("data-tit-Style", "font-size:20px;font-weight:bold;margin-bottom:10px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;");
new_element.setAttribute("data-div-Style", "background-image: url(//img-ads.csdn.net/2016/201608021757063065.png);background-repeat: no-repeat;background-position: bottom left;");
document.body.appendChild(new_element);
</script>
<iframe scrolling="no" style="width: 100%; height: 90px; border: 0px;"></iframe></div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/c_p_h/article/details/63684510" target="_blank" strategy="BlogCommendFromBaidu_6">
js中在window.onload中调用function函数遇到的疑惑 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/c_p_h/article/details/63684510" target="_blank" strategy="BlogCommendFromBaidu_6">
今天在jsp中的form表单利用οnclick=”xxx”来监听js中一个function xxx(){}函数，遇到一个很奇怪的问题就是点击submit按钮之后竟然没有响应xxx()函数。在这之前我已... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/c_p_h" title="c_p_h" target="_blank">
<img src="https://avatar.csdn.net/6/A/C/3_c_p_h.jpg" alt="c_p_h" class="avatar-pic">
<span class="name">c_p_h</span>
</a>
</p>
<p>
<span class="date">2017-03-19 14:33:22</span>
</p>
<p>
<span class="read-num">阅读数：5257</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/weixin_39480464/article/details/78625462" target="_blank" strategy="searchFromBaidu_7">
window.οnlοad=init; </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/weixin_39480464/article/details/78625462" target="_blank" strategy="searchFromBaidu_7">
Green Planet
All is well
Red </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/weixin_39480464" title="weixin_39480464" target="_blank">
<img src="https://avatar.csdn.net/5/8/9/3_weixin_39480464.jpg" alt="weixin_39480464" class="avatar-pic">
<span class="name">weixin_39480464</span>
</a>
</p>
<p>
<span class="date">2017-11-24 15:53:50</span>
</p>
<p>
<span class="read-num">阅读数：47</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/liuwenhao1996/article/details/62048281" target="_blank" strategy="searchFromBaidu_8">
window.onload使用方法 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/liuwenhao1996/article/details/62048281" target="_blank" strategy="searchFromBaidu_8">
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片
1. window.onload =... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/liuwenhao1996" title="liuwenhao1996" target="_blank">
<img src="https://avatar.csdn.net/3/C/F/3_liuwenhao1996.jpg" alt="liuwenhao1996" class="avatar-pic">
<span class="name">liuwenhao1996</span>
</a>
</p>
<p>
<span class="date">2017-03-14 18:31:27</span>
</p>
<p>
<span class="read-num">阅读数：207</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/a474151949/article/details/51434264" target="_blank" strategy="searchFromBaidu_9">
关于onload事件 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/a474151949/article/details/51434264" target="_blank" strategy="searchFromBaidu_9">
为了让函数在网页加载完毕后立即执行，网页加载完毕后会出发一个onload事件，这个事件与window对象关联，必须把函数绑定到这个时间上，有两种解决方案：
1.常见解决方案：
先创建一个匿名函数来... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/a474151949" title="a474151949" target="_blank">
<img src="https://avatar.csdn.net/7/9/F/3_a474151949.jpg" alt="a474151949" class="avatar-pic">
<span class="name">a474151949</span>
</a>
</p>
<p>
<span class="date">2016-05-17 10:40:36</span>
</p>
<p>
<span class="read-num">阅读数：4288</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/yunzhonghefei/article/details/53212740" target="_blank" strategy="searchFromBaidu_10">
Hbuilder 历次版本更新记录 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/yunzhonghefei/article/details/53212740" target="_blank" strategy="searchFromBaidu_10">
HBuilder - Release Notes
7.6.0.201611071800
IDE
【重要】Mac版HBuilder支持iOS10真机运行,解决32位Windows系... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/yunzhonghefei" title="yunzhonghefei" target="_blank">
<img src="https://avatar.csdn.net/5/7/E/3_yunzhonghefei.jpg" alt="yunzhonghefei" class="avatar-pic">
<span class="name">yunzhonghefei</span>
</a>
</p>
<p>
<span class="date">2016-11-18 09:41:22</span>
</p>
<p>
<span class="read-num">阅读数：8666</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/honker110/article/details/4334492" target="_blank" strategy="searchFromBaidu_11">
window.onload加载完毕的问题及解决方案（上） </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/honker110/article/details/4334492" target="_blank" strategy="searchFromBaidu_11">
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片，而我们实际上经常需要的是文档 DOM 加载完毕！ ... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/honker110" title="honker110" target="_blank">
<img src="https://avatar.csdn.net/2/F/7/3_honker110.jpg" alt="honker110" class="avatar-pic">
<span class="name">honker110</span>
</a>
</p>
<p>
<span class="date">2009-07-09 15:19:00</span>
</p>
<p>
<span class="read-num">阅读数：592</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/j_AV_a/article/details/54632699" target="_blank" strategy="searchFromBaidu_12">
WKWebView 那些坑 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/j_AV_a/article/details/54632699" target="_blank" strategy="searchFromBaidu_12">
导语
WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView。WKWebView 拥有60fps... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/j_AV_a" title="j_AV_a" target="_blank">
<img src="https://avatar.csdn.net/F/5/7/3_j_av_a.jpg" alt="j_AV_a" class="avatar-pic">
<span class="name">j_AV_a</span>
</a>
</p>
<p>
<span class="date">2017-01-20 17:22:22</span>
</p>
<p>
<span class="read-num">阅读数：506</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/lijunfan1994/article/details/52370629" target="_blank" strategy="searchFromBaidu_13">
Three.js快速入门 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/lijunfan1994/article/details/52370629" target="_blank" strategy="searchFromBaidu_13">
引言本文主要是讲解Three.js的相关概念，帮助读者对Three.js以及相关知识形成比较完整的理解，达到快速入门的目的。... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/lijunfan1994" title="lijunfan1994" target="_blank">
<img src="https://avatar.csdn.net/A/A/E/3_lijunfan1994.jpg" alt="lijunfan1994" class="avatar-pic">
<span class="name">lijunfan1994</span>
</a>
</p>
<p>
<span class="date">2016-09-02 11:48:53</span>
</p>
<p>
<span class="read-num">阅读数：8446</span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-ad-box" id="yd_a_d_feed_11"><iframe scrolling="no" style="width: 100%; height: 90px; border: 0px;"></iframe></div> <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/xiebaochun/article/details/52222198" target="_blank" strategy="searchFromBaidu_14">
webpack介绍及使用（一） </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/xiebaochun/article/details/52222198" target="_blank" strategy="searchFromBaidu_14">
来自：http://xiebaochun.github.io/blog/posts/2016/08/16/webpack%E4%BB%8B%E7%BB%8D%E5%8F%8A%E4%BD%BF%E7%... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/xiebaochun" title="xiebaochun" target="_blank">
<img src="https://avatar.csdn.net/9/F/2/3_xiebaochun.jpg" alt="xiebaochun" class="avatar-pic">
<span class="name">xiebaochun</span>
</a>
</p>
<p>
<span class="date">2016-08-16 16:10:40</span>
</p>
<p>
<span class="read-num">阅读数：1226</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/vip__888/article/details/5913510" target="_blank" strategy="searchFromBaidu_15">
js实现的3D效果 无敌了。。。 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/vip__888/article/details/5913510" target="_blank" strategy="searchFromBaidu_15">
</a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/vip__888" title="vip__888" target="_blank">
<img src="https://avatar.csdn.net/1/8/5/3_vip__888.jpg" alt="vip__888" class="avatar-pic">
<span class="name">vip__888</span>
</a>
</p>
<p>
<span class="date">2010-09-29 09:56:00</span>
</p>
<p>
<span class="read-num">阅读数：7931</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/qq_34149805/article/details/77914320" target="_blank" strategy="searchFromBaidu_16">
一款非常好用的全景生成，全景标记编辑插件！ </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/qq_34149805/article/details/77914320" target="_blank" strategy="searchFromBaidu_16">
一款非常好用的全景生成，全景标记编辑插件！ </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/qq_34149805" title="qq_34149805" target="_blank">
<img src="https://avatar.csdn.net/2/E/8/3_qq_34149805.jpg" alt="qq_34149805" class="avatar-pic">
<span class="name">qq_34149805</span>
</a>
</p>
<p>
<span class="date">2017-09-09 12:17:49</span>
</p>
<p>
<span class="read-num">阅读数：1261</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/reality_fei/article/details/52584030" target="_blank" strategy="BlogCommendFromQuerySearch_17">
window.οnlοad=init()和window.οnlοad=init </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/reality_fei/article/details/52584030" target="_blank" strategy="BlogCommendFromQuerySearch_17">
任务中遇到了需要在网页加载完成时触发的事件，用window.οnlοad=init();时出现了方法无法调用出错问题，把括号去掉之后问题就解决了。... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/reality_fei" title="reality_fei" target="_blank">
<img src="https://avatar.csdn.net/D/3/4/3_reality_fei.jpg" alt="reality_fei" class="avatar-pic">
<span class="name">reality_fei</span>
</a>
</p>
<p>
<span class="date">2016-09-19 11:21:52</span>
</p>
<p>
<span class="read-num">阅读数：237</span>
</p>
</div>
</div>
<div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/zndxlxm/article/details/7878298" target="_blank" strategy="BlogCommendFromQuerySearch_18">
一个页面中多个window.onload = function(){}冲突问题解决方案 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/zndxlxm/article/details/7878298" target="_blank" strategy="BlogCommendFromQuerySearch_18">
假如在一个js里面需要window.onload两个方法：
方法1：写成这样就可以了
window.οnlοad=function(){function(a);function(b);} ... </a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/zndxlxm" title="zndxlxm" target="_blank">
<img src="https://avatar.csdn.net/7/E/1/3_zndxlxm.jpg" alt="zndxlxm" class="avatar-pic">
<span class="name">zndxlxm</span>
</a>
</p>
<p>
<span class="date">2012-08-17 17:03:28</span>
</p>
<p>
<span class="read-num">阅读数：6066</span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-ad-box" id="_gli0umg9chk"><iframe id="iframeu3394176_0" name="iframeu3394176_0" src="https://pos.baidu.com/bcjm?conwid=800&conhei=100&rdid=3394176&dc=3&di=u3394176&dri=0&dis=0&dai=3&ps=4726x373&enu=encoding&dcb=___adblockplus&dtm=HTML_POST&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1525190307747&ti=window.onload%20%3D%20init%20%E4%B8%8Ewindow.onload%20%3D%20init()%E7%9A%84%E5%B7%AE%E5%88%AB%20-%20CSDN%E5%8D%9A%E5%AE%A2&ari=2&dbv=2&drs=3&pcs=1331x641&pss=1331x4799&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1525190307&prot=2&rw=641<u=https%3A%2F%2Fblog.csdn.net%2Fqq_33406883%2Farticle%2Fdetails%2F75120921<r=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DnqYOttObAz2idPGS6A0WQ__kUKp-tXfiArnqG6NbK3EF25Y3J1I18SPmzWqQCL4z3mWWXjOIAzFmItH4BZ6B9rL37n9t7c1IoHBRGEpWL7u%26wd%3D%26eqid%3De49b21d3000abdba000000025ae88d32&ecd=1&uc=1366x728&pis=-1x-1&sr=1366x768&tcn=1525190308&qn=f775b2cb2ea4de9d&tt=1525190307038.714.715.720" width="800" height="100" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="border:0;vertical-align:bottom;margin:0;width:800px;height:100px" allowtransparency="true"></iframe></div> <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_614" data-poputype="feed" data-feed-show="false" data-dsm="post">
<h4 class="text-truncate">
<a href="https://blog.csdn.net/lhf2009913/article/details/20554629" target="_blank" strategy="BlogCommendFromQuerySearch_19">
window。onload在在ie与火狐的区别 </a>
</h4>
<p class="content">
<a href="https://blog.csdn.net/lhf2009913/article/details/20554629" target="_blank" strategy="BlogCommendFromQuerySearch_19">
</a>
</p>
<div class="info-box d-flex align-content-center">
<p>
<a class="avatar" src="https://blog.csdn.net/lhf2009913" title="lhf2009913" target="_blank">
<img src="https://avatar.csdn.net/0/3/5/3_lhf2009913.jpg" alt="lhf2009913" class="avatar-pic">
<span class="name">lhf2009913</span>
</a>
</p>
<p>
<span class="date">2014-03-05 17:07:35</span>
</p>
<p>
<span class="read-num">阅读数：535</span>
</p>
</div>
</div>
<div class="recommend-loading-box" style="display: none;">
<img src="https://csdnimg.cn/release/phoenix/images/feedLoading.gif">
</div>
<div class="recommend-end-box">
<p class="text-center">没有更多推荐了，<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
</div>
</div>
</main>哈哈
最新推荐文章于 2022-11-30 10:05:49 发布
9959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
