实此刻HTML页面加载结束后运转js办法-百分百源码网

实此刻HTML页面加载结束后运转js办法

发布时间：09/01 来源：未知浏览：关键词：

本文主要和大家分享实此刻HTML页面加载完毕后运转js办法，主要以代码的办法和大家分享，但愿能帮忙到大家。

Js办法：

<script type=”text/javascript”>window.onload=function (){    var userName=”xiaoming”;
    alert(userName);
}</script>

jQuery办法，需要援用jQuery文件：

<script type=”text/javascript”>$(document).ready(function (){    var userName=”xiaoming”;
    alert(userName);
});</script>

或者其简写：

$(function (){var userName=”xiaoming”;
alert(userName);
});

在DOM加载完就可以施行（比window.onload更早）。在统一页面中可以屡次显现.ready()

两者主要不同：Window.onload=function (){}:

当一个文档完全下载到阅读器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操纵的，也就是说页面上的所有元素加载完毕才会施行。这种状况对编写功效性代码非常有益，由于无需思考加载的次序。

$(document).ready(function (){});

会在DOM完全就绪并可以使用时调取。虽然这也意味着所有元素对足本而言是可以拜访的，但是，并不料味着所有关联的文件都已经下载完毕。换句话说，当HTML下载完成并解析为DOM树之后，代码就会施行。

使用$(document).ready(function (){})一样来说都要优于使用onload事件处置程序，但必需要明白一点，由于支撑文件大概还没有加载完成，所以相似图像的高度和宽度这样的属性此时不必然有效。

注：用把js放在页面底部的办法乃至使用defer=”defer”的办法都是会显现问题的。最好使用$(document).ready(function (){})函数。

实此刻HTML页面加载结束后运转js办法