为什么js放在head部分没有反应，必须放在body部分下才会起作用

最新推荐文章于 2018-08-06 16:10:00 发布
最新推荐文章于 2018-08-06 16:10:00 发布
阅读量1.8k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pql925/article/details/51981730
本文解释了JavaScript执行顺序的问题，特别是当script标签放置在不同位置时的行为差异。文章建议将脚本置于HTML文档底部以确保DOM元素加载完毕后再执行JS代码，并提供了使用window.onload或$(document).ready()来解决按钮等元素未加载完成就执行脚本的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js执行顺序问题，script标签写在上边的先执行，所以你的代码要放到你引入jquery的后边，同时你这样写的话，你的js是先执行的，但是你的button这时候还不存在，你放到后边，前面的html加载完js就能找到了
如果你非要放在head里的话，把你的代码放到window.onload里边
window.onload=function(){
你的js代码
}
或者用jquery的
$(document).ready(function(){
你的js代码
})
JS|JavaScript脚本也可固定位置
算法与编程之美
04-10 469
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。问题描述在上一周的学习中，我们说到了《JavaScrip...
Bootstrap 直接扔进去代码轮播图无法起作用快速解决方式
bui ~
05-30 789
这个错误说浏览器在检查引入资源的 integrity 属性时，计算出的哈希值与实际不匹配，从而资源并不加载来。我们返回我们的html文件的js引入地方。然后右击（在vs code）但是按钮根本不起作用！我们右击浏览器，打开检查。然后运行完到谷歌浏览器。可以看到其实是报错的。再保存运行就可以用了！然后放到body里面。
js放到哪记录
sinat_30196869的博客
01-24 208
js执行顺序问题，script标签写在上边的先执行，所以你的代码要放到你引入jquery的后边，同时你这样写的话，你的js是先执行的，但是你的button这时候还不存在，你放到后边，前面的html加载完js就能找到了 如果你非要放在head里的话，把你的代码放到window.onload里边 window.onload=function(){ 你的js代码 } 或者用jquery的 $
javascript放在head和body的区别（w3c建议放在head标签中）
07-11 2518
JavaScript脚本放在哪里在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。——————————————————————————JavaScript应放在哪里页面中的Java
为什么要将js代码放在body最后
diancui3160的博客
08-06 651
demo.html <html lang="en"> <head> <title>css阻塞</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...
javascript head body
Jmutor
07-09 666
在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。
js放到head中失效的原因与解决方法
10-20
总结来说，将JavaScript放在<head>中导致失效的原因主要是在页面DOM结构未完全加载完成时执行了JavaScript代码。解决这个问题的方法包括将JavaScript代码放到<body>标签底部、使用window.onload或document....
内层div绑定点击事件，一点反应都没有是为啥
07-02
通常我们会将事件绑定代码放在`$(document).ready()`中： ```javascript$(document).ready(function(){$("#innerDiv").click(function(event) {alert("内层div点击事件触发");event.stopPropagation();});}); ```###...
点击主页面的详情标记没有反应
最新发布
08-03
我们注意到用户反馈“点击主页面的详情标记没有反应”，这通常是由于JavaScript事件绑定失败或数据传递错误导致的。我们将重点检查以下几个方面： 1. 确保在生成HTML时，每个详情图标（detail-icon）的`data-...
JavaScript 教程.doc
01-03
JavaScript 代码通常放置在 `<head>` 或 `<body>` 标签内。如果放在 `<head>` 中，脚本会在页面加载时执行；如果放在 `<body>` 中，脚本会在指定的位置执行，可能是在特定元素加载后。 2.1.1. 直接写入 HTML 输出流...
JavaScript 写在head, body的区别
jeiwt的专栏
11-28 6101
一般来说，放在里的会比放在先执行。在head标签里的代码会在页面还未开始绘制之前解析并执行，在body里的代码则会在页面渲染的同时在读取到这段代码的时候就被执行了。 alert('我是head中的代码片段：\n' +'i1引用:'+document.getElementById('i1') +"\ni2引用:"+document.getElementById('i2')
javascript放在head和body的区别
cc_yy_zh的博客
05-10 475
JavaScript脚本放在哪里 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。 JavaScript应放在哪里 页面中的JavaScripts会在浏览器加载页面的时候被立即执行，我们并不希望总是这样，有时候我们想让一段脚本在页面加载的时候执行，而有时候我们想在用户触发一个事件的时候执行
JavaScript放在哪里
greenruby1990的专栏
09-03 579
当页面载入的时候，放在body部分的JavaScript将会被执行。 当被调用的时候，放在head部分的JavaScript将会被执行。 当html页面载入浏览器的时候，放在body部分的JavaScript将会被立即执行。我们并不是总是希望以这种方式来运用JavaScript。有时我们希望当页面载入时执行JavaScript，其他时候我们用户触发事件来执行JavaScript。 Jav
javascript写在body和head的区别
rong05151005的博客
09-06 677
1、写在body中加载页面就直接运行JavaScript，运行后输出的内容就直接显示在网页中 .... 2、写在head中就是等点击html中的某个对象，触发了事件才调用JavaScript ....
JavaScript放在head和body里的区别
小猪的旅途
08-21 1530
一般来说，放在里的会比放在先执行。在head标签里的代码会在页面还未开始绘制之前解析并执行，在body里的代码则会在页面渲染的同时在读取到这段代码的时候就被执行了。 alert('我是head中的代码片段：\n' +'i1引用:'+document.getElementById('i1') +"\ni2引用:"+document.getElementById('i2')
html页面引用js必须放在body底部与放在head部分是有区别的
zwy122的博客
12-28 6757
html页面引用js必须放在下面与放在上面是有本质区别的，先说放在下面的情况。 放在body底部引用js的时候如果出现了两个版本的jquery文件的话，是按照加载的俄先后顺序去解析的，例如 <script src="js/jquery-1.5.1.js"></script> <script src="js/jquery-1.9.1.js"></script>此时，则执行js部分的时候按照1.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值