jquery - 如果页面加载

Question

有没有什么窍门如何启动一个函数在JavaScript中，当页面完全加载时开始？

Answer 1

$(window).bind('load', function() 
{ 
    //your code in here 
}); 

Answer 2

如果你的意思是，当HTML文件已加载，使用ready事件：

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

或者简写：

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

如果你的意思时，包括所有样式表的页面，脚本，图像和诸如此类的东西已经完成加载，使用load事件：

$(window).load(function(){ 
    ... 
}); 

Answer 3

检查： http://api.jquery.com/ready/

Answer 4

您正在寻找窗口加载事件。

在jQuery中您将附加负载事件如下：

$(document).ready(function() { 

    $(window).load(function() { 

    } 

} 

请注意，您需要将这个准备一些浏览器，IE8 OTTOMH一个文档内。

Answer 5

这取决于您对“负载”的定义。看看这两个功能在jQuery的文档：

• load()
• ready()

具体来说，你可以看到在ready()功能的文档页面的差异。

虽然JavaScript提供了当一个页面 呈现执行代码加载 事件，这个事件没有得到 触发直到如 图像已被完全接收的所有资产。 在大多数情况下，只要完整构建DOM层次结构 ，即可运行脚本 。该处理器通过 到。就绪（）保证是DOM后执行 准备，所以 这通常是最好的地方， 连接所有其他事件处理程序和 运行其它jQuery代码。在使用依赖于CSS 样式属性的值的 脚本时， 引用外部样式表或 嵌入样式元素对 引用脚本之前非常重要。

在代码依赖于加载 资产情况下（例如，如果需要的图像的 尺寸）时，代码 应该被放置在一个处理程序 加载事件来代替。

Answer 6

尝试加载事件回调绑定到页面上的最后一个影像。

Answer 7

。一旦文件被完全加载使用

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

否则，如果页面加载通过Ajax调用使用调用一个方法

$('#containerdiv').load('samplepage.jsp', function() { 
    alert("ajax load complet.."); 
}); 

Answer 8

当DOM准备再使用。就绪事件。

jQuery(document).ready(function(){ 
    //content 
}); 

您还可以使用.load事件时，页面加载图像。

jQuery(window).load(function(){ 
    //content 
}); 

Answer 9

如果你真的想你的Javascript运行一次 '一切' 所有的HTML被加载时，你可以用

window.onload = function(){ 
 
    // Do stuff 
 
}