js 放在什么地方合适，放在 body 的上部还是底部。

最新推荐文章于 2024-09-14 16:40:10 发布
最新推荐文章于 2024-09-14 16:40:10 发布
阅读量7.3k 收藏 3
点赞数 1
分类专栏： 前端HTML5-Jquery-CSS 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012211821/article/details/78919695
版权

理论上来说js标签放在html文档的任何位置都可以，规范起见，推荐放到body结束标签的末尾，包含到body标签内：

<body>
    <div>
        <span>这里是你页面的内容</span>
    </div>
    <!-- js内容放在</body>上面,页面内容下面 -->
    <script src="js/jquery-1.12.1.min.js" type="text/javascript"></script>
    <script>
        function hello(){
            console.log("你好");
        }
    </script>
</body>

这样处理的好处是无需担心因页面未完成加载，造成DOM节点获取不到，使脚本报错的问题，而且能避免因脚本运行缓慢造成页面卡死的问题。另外，Yahoo的前端优化指南里就有这一条。

阿朝521
关注
专栏目录
解决微信小程序长页面滚动到底部点击底部的输入框后输入框漂浮且页面滚动到顶部
仰望星空的代码
07-03 2708
一、问题描述 项目中有一个长页面上部展示部分信息下部为信息录入，页面长度为三屏幕（不同手机屏幕大小略有差异），当滚动到第二屏或者第三屏去填写信息时点击输入框后输入框漂浮起来了并且页面向上滚动了一段距离，回到了第一屏中展示的内容。效果如图。 滚动到第二屏，证件号输入。 点击输入框 可以看到证件号输入框漂浮了起来并且页面滚动到了第一屏展示的内容。 注意：小程序是2018年上线，在2020年4月份之前该页面从未出现过这种现象。推测：微信的后续更新中对微信小程序基础库进行了重构，导致点击输入框后页
Three.js入门 （参考胖达老师）｜ 大帅老猿threejs特训
DisplayName2023的博客
12-31 1178
Three.js基础入门 场馆搭建 灯光阴影和角色控制
js文件位置--为甚有些js必须放在尾部
蚂蚁吞象
04-06 1044
基于：浏览器加载html是从上往下加载。 在学习vue.js的时候，看到demo上写得注释语句： <!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） --> <script> new Vue({ el:'#app', data: { message:'Hello World!' } }); 我尝试了把这段代码放在了head部分，发现demo运行异常，f12看到报错： 错误写法1： ...
JavaScript标签放在HTML的末尾
chengyin4096的博客
02-02 933
理论上来说js标签放在html文档的任何位置都可以，规范起见，推荐放到body结束标签的末尾，包含到body标签内： <body> <!--这里是其他的HTML标签--> <script>//这里是代码</script&gt...
JavaScript
zzzzzaliya的博客
09-14 1060
未定义是比较特殊的类型，只有一个值undefined。只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少直接为某个变量赋值为undefined。使用场景：开发中经常声明一个变量，等待传过来的数据。如果外面不知道整个数据是否传递过来，此时可以通过检测这个变量是否为undefined，来判断用户是否有数据传过来。
js放在body里面还是html外面,JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制...
weixin_29022821的博客
07-14 1024
(点击上方公众号，可快速关注)作者：德来网址：http://segmentfault.com/a/1190000004292479一、从一个面试题说起面试前端的时候我喜欢问一些看上去是常识的问题。比如：为什么大家普遍把 放到导航栏的下面，结果是这样的：从上面的Timeline我们可以看出：首屏时间和DomContentLoad事件没有必然的先后关系所有CSS尽早加载是减少首屏时间的最关键js的下载...
JavaScript放在body还是head中？
m0_57236802的博客
04-19 1137
中，浏览器在解析页面的同时可能需要执行 JavaScript。这可能导致页面渲染被阻塞，从而影响加载速度和用户体验。如果 JavaScript 代码是关键性的，即在页面加载时立即需要执行，那么可以将它放在。然而，根据不同的需求和最佳实践，通常推荐将 JavaScript 放在。总之，根据不同的需求和最佳实践，通常推荐将 JavaScript 放在。然而，在某些特殊情况下，你可能需要将脚本放在。尽管如此，在某些情况下，将 JavaScript 放在。中可能导致错误，因为所需的元素在脚本执行时尚未加载。
javascript代码写在哪里？＜body＞ 和＜head＞里面的js有什么区别？
wang2love的博客
12-22 1181
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。在HTML里引用外部文件里的Javascript，应在Head里写一句，其中src的值，就是Javascript所在文件的文件路径。head中脚本: 需调用才执行的脚本或事件触发执行的脚本。当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。body中脚本: 页面被加载时执行的脚本，通常被用来生成页面的内容。
滚动条到底部弹出div
10-26
在网页设计中，"滚动条到底部弹出div"是一种常见的交互效果，它通常用于实现无限滚动、加载更多内容或显示底部菜单等场景。这个功能是通过JavaScript和CSS结合实现的，下面我们将详细探讨如何实现这个效果。 首先，...
javascript 广告后加载，加载完页面再加载广告
10-28
2. 将广告的实际JavaScript代码放在页面的底部，即在`<body>`标签的结束标签`</body>`之前。 3. 使用JavaScript的`document.getElementById()`方法在页面加载完毕后获取这个预留`<div>`的引用，并用广告代码替换其...
Cesium中级教程10 - CesiumJS and webpack
WordPress
10-21 404
webpack是打包JavaScript模块流行且强大的工具。它允许开发人员以直观的方式构造代码和assets，并使用简单的require语句根据需要加载不同类型的文件。构建时，它将跟踪代码依赖关系，并将这些模块打包到浏览器加载的一个或多个包中。 在本教程的前半部分，我们从头开始建立了简单的Web应用程序使用webpack，然后覆盖后续步骤集成Cesium npm module。如果你喜欢使用cesiumjs开发Web应用,那么webpack是一个好的选择。如果您是刚接触Cesium并且想要寻找学习构建您
JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制
weixin_33950035的博客
01-12 726
说明： 本文提到的浏览器均是指Chrome。 “script标签“指的都是普通的不带其他属性的外联javascript。 web性能优化的手段并不是非黑即白的，有些手段过头了反而降低性能，所以在讨论条件和结论的时候，虽然很多条件本身会带来其他细微的负面或正面影响，为了不使论述失去重点，不会扩展太开。 一、从一个面试题说起 面试前端的...
html中js链接要加到body内的最后
此处的彼声的博客
02-17 1727
html中js链接要加到body内的最后，放到head中可能会出错
js代码写在body，head和body后面的区别
qq_40816649的博客
02-25 8183
计算机读代码的顺序是从上往下读的,html文件中的顺序是&lt;head&gt;→&lt;body&gt;→body后方javascript代码写在&lt;head&gt;里面：由于这时候网页主体（body）还未加载，所以这里适合放一些不是立即执行的自定义函数，立即执行的语句则很可能会出错（视浏览器而定）javascript代码写在&lt;body&gt;里面：这里可以放函数也可以放立即执行的语句...
js文件放head，还是body，哪些情况下引用到body
cry_watermelon的博客
12-01 1077
js文件放head，还是body，哪些情况下引用到body 原文链接：https://blog.csdn.net/Yy921117/article/details/51982159 放在head或body里面都可以，但是在一些情况下，一定要放在body的里面（在body结束前引用），跟浏览器加载机制有关 涉及到的“浏览器渲染页面和加载页面机制"原文链接：https://www.cnblog...
html文档结束的标签,关于把script脚本放在html结束标签外的运行结果？？？
weixin_33018713的博客
06-04 122
杨__羊羊在哪里放置 JavaScript 代码？通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所述。放置于之间将 JavaScript 代码放置于 HTML 文档的标签之间是一个通常的做法。由于 HTML 文档是由浏览器从上到下...
JavaScript的书写位置。
z13903931414的博客
12-11 939
在选择JavaScript的放置位置时，应考虑脚本的大小和对页面加载速度的影响。同时，如果JavaScript代码需要等待页面完全加载才能运行（例如，如果它需要访问DOM元素），那么最好将JavaScript放置在。区域的底部，可以确保在页面完全加载完成后再运行JavaScript代码，避免因JavaScript代码运行而阻塞页面的加载。区域中，可以确保在页面完全加载之前不会阻塞或运行JavaScript代码。这是一种常用的方法，因为它可以缓存JavaScript文件，提高页面加载速度。
JS中script代码放在header和body的区别
qq_29735775的博客
07-28 6543
1 body和header中JavaScript执行的时机 1.1 header中 　　　　放在header中的javascript代码会进行预加载（即：在页面加载之前就会进行），所以需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。 　　　　坑01：header中的JavaScript只是比页面先加载，...
【js】javascript脚本放在 ＜body＞元素的底部的好处
向着光芒的女孩
04-11 1385
建议把javascript脚本放在 <body> 元素的底部。 这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。MDN的解释： 提示：我们将 <script> 元素放在 HTML 文件底部的原因是，浏览器解析 HTML 似乎按照代码出现的顺序来的。如果 JavaScript被首先读取，它也应该影响下面的 HTML，但有时会出现问题，因为 JavaScript 会在 HTML 之前被
怎么将onload放在body底部
最新发布
10-15
为了确保`onload`事件在HTML页面加载完成后再执行，你应该将包含`onload`函数的JavaScript代码放置在`<body>`标签的底部，因为浏览器是从上到下逐步解析HTML的。这样做是因为当`<body>`标签结束时，意味着整个HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值