JavaScript – head,body还是jQuery？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript – head,body还是jQuery？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2028字，纯文字阅读大概需要3分钟。
内容图文
这个问题只是为了澄清一些问题.之前已经提出了类似这样的事情,这将它们全部归结为一个问题 – JavaScript应该放在HTML文档中,或者更重要的是,它是否重要？所以,我要问的其中一件事就是
<head>
<script type="text/javascript">
alert("Hello world!");
</script>
</head>
完全不同(在功能方面)
<body>
<!-- Code goes here -->
<script type="text/javascript">
alert("Hello world!");
</script>
</body>
更重要的是,我想专注于以任何方式修改或使用DOM元素的JS.所以我知道如果你输入像document.getElementById(“test”)这样的内容.innerHTML =“Hello world！”在< element id =“test”>< / element>之前在你的身体,然后它将无法工作,因为身体从上到下加载,使JS首先加载,然后继续尝试操纵尚不存在的元素.所以它应该像上面一样,进入< head>或者在< / body>之前标签.问题是,除了组织和排序之外,选择哪一个是否重要,如果是,那么以何种方式？
当然,还有第三种方法–jQuery方式：
$(document).ready(function(){ /*Code goes here*/ });
这样,放置代码的正文在哪里都没关系,因为它只会在所有内容都被加载时执行.这里的问题是,是否值得导入一个巨大的JS库只是为了使用一个方法,需要可以用准确放置脚本来替换它？我想在这里澄清一点,如果你想回答,请继续！总结：不同类型的脚本应该放在哪里 – 头部或身体,和/或它是否重要？ jQuery是否值得为它准备好活动？
解决方法:
最推荐的方法是将它放在< / body>之前.标签. Yahoo performance article还建议分别由雅虎和谷歌的YSlow和Page Speed插件.
引用上面链接的雅虎文章：
The problem caused by scripts is that they block parallel downloads.
The HTTP/1.1 specification suggests that browsers download no more
than two components in parallel per hostname. If you serve your images
from multiple hostnames, you can get more than two downloads to occur
in parallel. While a script is downloading, however, the browser won’t
start any other downloads, even on different hostnames.
将脚本放在< head>中时标签,浏览器为他们服务,从而保持其他东西保持不变,直到加载脚本,用户会感觉像页面缓慢加载.这就是你应该把脚本放在底部的原因.
至于：
$(document).ready(function(){/*Code goes here*/});
当DOM可用并准备好进行操作时会触发它.如果你把代码放在最后,你不一定需要这个,但通常这是必需的,因为你想在DOM可用时立即做一些事情.
内容总结
以上是互联网集市为您收集整理的JavaScript – head,body还是jQuery？全部内容，希望文章能够帮你解决JavaScript – head,body还是jQuery？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。