如何在文档完全加载之前运行Javascript代码(使用jQuery)

时间:2010-06-14 09:28:21

标签: javascript jquery

我和大家分享了一个提示。请加上讨论。

JQuery比javascript更有助于加快页面加载速度。加载相关元素时会触发JQuery函数,而不是完整的页面加载。 这是在加载页面时调用javascript函数的常见做法,如

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

<body onload="javascript:document.getElementById('user_id').focus();">

其中包含我们想要在加载页面时运行的代码。但是,问题是,Javascript代码在所有图像下载完毕后才会运行(这包括横幅广告)。首先使用window.onload的原因是由于当您第一次尝试运行代码时HTML'文档'尚未完成加载。 为了避免这两个问题,jQuery有一个简单的语句来检查文档并等待它准备好被操作,称为就绪事件

$(document).ready(function()

{
   // Your code here
 });

2 个答案:

答案 0 :(得分:2)

如果要在文档准备好之前运行脚本,则只需输入内联脚本,如

<div> .........................</div>
<div> another division </div>
<script>alert('hi');</script>
<div id="this">...................</div>
.
.
.
.
.

答案 1 :(得分:0)

使用文档准备好了:

http://www.learningjquery.com/2006/09/introducing-document-ready

$(document).ready(function() {
  // put all your jQuery goodness in here.
});