Question

    <div class="actions">
        <h3>Actions</h3>
        <ul>
            <li><a href="/configurations">Configurations</a></li>
        </ul>               
    </div>


<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript">
        $('ul a').click(function(){
                   alert("");
            });
</script>

在上面的代码中是document.ready必需的。我的意思是，有什么情况下js将在html之前执行

Answer 1

.ready是DOMContentLoaded（或onreadystatechange或其他浏览器的各种解决方法）的快捷方式。构建DOM时会触发该事件 - 换句话说，当整个HTML被下载时。

所以，只要你的脚本标签是</body>之前的最后一件事（它们不在任何div或其他元素内），最终结果是相同的，你不需要{ {1}}。甚至建议这样做，因为将脚本放在$(document).ready中会减慢内容的加载速度。

虽然我建议你采用这种模式，但要避免<head>全局问题：

这些其他问题是有趣的读物：

Answer 2

在你的情况下，似乎没有问题。但是，当您使用图片（<img />）时，即使图片尚未显示，文档也有可能执行您的功能（它会触发“就绪”事件）。

将js放在页面的末尾

2 个答案: