当页面完全加载时，确保javascript运行的最佳方法是什么？_Javascript_Jquery_Asp.net

当页面完全加载时，确保javascript运行的最佳方法是什么？

javascript jquery asp.net

当页面完全加载时，确保javascript运行的最佳方法是什么？,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我正在尝试在asp.NETWebForm页面中运行javascript，但我不确定它是否正常运行，因为所有元素尚未加载。如何使用jquery确保脚本位于页面的最底部？因此，它可以在加载页面时运行？使用：当页面被呈现时，直到所有资源如图像已完全接收。在大多数情况下只要DOM层次结构完全完成，就可以运行脚本构建。传递给.ready（）的处理程序保证在DOM准备好后执行，因此这通常是执行的最佳位置附加所有其他事件处理程序并运行其他jQuery代码。使用时脚本依赖于CSS样式属性的值，这

我正在尝试在asp.NETWebForm页面中运行javascript，但我不确定它是否正常运行，因为所有元素尚未加载。如何使用jquery确保脚本位于页面的最底部？因此，它可以在加载页面时运行？

使用：

当页面被呈现时，直到所有资源如图像已完全接收。在大多数情况下只要DOM层次结构完全完成，就可以运行脚本构建。传递给.ready（）的处理程序保证在DOM准备好后执行，因此这通常是执行的最佳位置附加所有其他事件处理程序并运行其他jQuery代码。使用时脚本依赖于CSS样式属性的值，这一点很重要在之前引用外部样式表或嵌入样式元素引用脚本

使用：

使用jQuery，您希望附加到就绪事件。当所有DOM元素都已加载时，会触发此操作：

jQuery(document).ready(function(){

  // jQuery Code here

});

速记版本：

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

使用此方法，我通常将jQuery放在外部文件中，或放在

标记中。

使用jQuery，您希望附加到就绪事件。当所有DOM元素都已加载时，会触发此操作：

jQuery(document).ready(function(){

  // jQuery Code here

});

速记版本：

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

使用这种方法，我通常将jQuery放在外部文件中，或者放在

标记中。

对于纯JavaScript，您可以使用

window.onload = function() {
    // Page loaded
};

或者您可以使用jQuery的

ready

功能：

$( document ).ready( function() {
    // Dom loaded
} );

注意：jQuery的ready函数在加载DOM时启动（除非浏览器不支持DOM ready方法），而不是在加载整个页面（图像、脚本等）时启动。

对于纯JavaScript，您可以使用

window.onload = function() {
    // Page loaded
};

或者您可以使用jQuery的

ready

功能：

$( document ).ready( function() {
    // Dom loaded
} );

注意：jQuery的ready函数在加载DOM时启动（除非浏览器不支持DOM ready方法），而不是在加载整个页面（图像、脚本等）时启动。

您应该按照jQuery文档中的建议将代码放入document ready块中。这样，在加载所有脚本时将加载它

$(document).ready(function(){
//Put your code here
});

您应该按照JQuery文档中的建议，将代码放入documentready块中。这样，在加载所有脚本时将加载它

$(document).ready(function(){
//Put your code here
});

尽管每个人都说使用

$（document.ready

，但这是一种反模式

您真正想要做的是将您想要加载的脚本放在正文的末尾

<html>
 <head> ... </head>
 <body>
  ...
  <script src="..." ></script>
</html>


... 
...

只要脚本位于所有其他HTML内容的末尾，javascript只会在上面的内容加载完毕后启动。

即使每个人都说使用

$（文档）。就绪

这是一种反模式

您真正想要做的是将您想要加载的脚本放在正文的末尾

<html>
 <head> ... </head>
 <body>
  ...
  <script src="..." ></script>
</html>


... 
...

只要脚本位于所有其他HTML内容的末尾，javascript只会在加载了上面的内容后启动

当页面完全加载时，确保javascript运行的最佳方法是什么

如果您的字面意思是“完全加载”，即下载的所有图像和其他资源，那么您必须使用

onload

处理程序，例如：

window.onload = function() {
   // Everything has loaded, so put your code here
};

如果您的意思是“在所有HTML都被解析并且所有元素都可以从脚本访问之后”，此时图像可能仍在下载，那么您可以将脚本放在源HTML的底部，或者使用document.ready处理程序。或者两者兼而有之。有关详细信息，请参阅任何其他答案

当页面完全加载时，确保javascript运行的最佳方法是什么

如果您的字面意思是“完全加载”，即下载的所有图像和其他资源，那么您必须使用

onload

处理程序，例如：

window.onload = function() {
   // Everything has loaded, so put your code here
};

如果您的意思是“在所有HTML都被解析并且所有元素都可以从脚本访问之后”，此时图像可能仍在下载，那么您可以将脚本放在源HTML的底部，或者使用document.ready处理程序。或者两者兼而有之。有关详细信息，请参阅任何其他答案。

您的意思是“使用jQuery”还是“不使用jQuery”可能重复？如果您不想使用jQuery（实际上没有必要仅为此使用它），那么Raynos有您的答案。您的意思是“使用jQuery”还是“不使用jQuery”的可能重复？如果您不想使用jQuery（实际上没有必要仅为此而使用它），那么Raynos有您的答案。+1。傻瓜证明，未来证明，向后兼容和独立于任何图书馆。傻瓜证明，未来证明，向后兼容和独立于任何图书馆。