javascript没有在页面加载时执行？

Question

在我的HTML中：

<head>
<link href="/prop-view.css" media="screen" rel="stylesheet" type="text/css">
        <script src="/javascripts/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var $j = jQuery.noConflict();
        </script>
        <script src="/prop-view.js" type="text/javascript"></script>

在我的prop-view.js文件中：

$j("<div class='dk-logo'></div>").appendTo("body");

检查员没有显示任何错误。 但图像没有显示出来。 但是，当我将该行复制并粘贴到控制台时。 所以...我的猜测是在文档完全加载之前js文件正在运行？

Answer 1

通过执行以下操作，确保首先加载DOM：

$j(function() {
    $j("<div class='dk-logo'></div>").appendTo("body");
});

这是jQuery的ready()函数的快捷方式。 在<body>标记完全加载之前，不会执行内部代码。

因为你在放置前的代码<body>标签，没有<body>还没有哪个追加。

Answer 2

你是对的。 在DOM上准备好您的代码。

$j(document).ready(function(){
  $j("<div class='dk-logo'></div>").appendTo("body");
});

Answer 3

执行prop-view.js时，正文尚未可用。 只需将body-tags附加到body-tag的底部即可。 页面加载速度更快，脚本将按预期运行

<body>
   ...
   <script ...></script>
</body>

javascript没有在页面加载时执行？

问题描述

3 个解决方案

解决方案1
5 已采纳 2010-08-26 14:11:03

解决方案2
3 2010-08-26 14:10:21

解决方案3
1 2010-08-26 14:17:37

javascript没有在页面加载时执行？

问题描述

3 个解决方案

解决方案1 5 已采纳 2010-08-26 14:11:03

解决方案2 3 2010-08-26 14:10:21

解决方案3 1 2010-08-26 14:17:37

解决方案1
5 已采纳 2010-08-26 14:11:03

解决方案2
3 2010-08-26 14:10:21

解决方案3
1 2010-08-26 14:17:37