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

最新推荐文章于 2022-11-20 12:06:45 发布

碎骨

最新推荐文章于 2022-11-20 12:06:45 发布

阅读量2.5k

点赞数

https://blog.csdn.net/pql925/article/details/51981730?locationNum=15&fps=1

s执行顺序问题，script标签写在上边的先执行，所以你的代码要放到你引入jquery的后边，同时你这样写的话，你的js是先执行的，但是你的button这时候还不存在，你放到后边，前面的html加载完js就能找到了，如果你非要放在head里的话，把你的代码放到window.onload里边
window.οnlοad=function(){
你的js代码
}
或者用jquery的
$(document).ready(function(){
你的js代码
})

一下举个例子。

<!DOCTYPE html>
<html>
<head>
<script>
window.onload=function(){
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
}
</script>
</head>
<body>

<button id="myBtn">点击这里</button>
<p id="demo"></p>

</body>
</html>