JavaScript踩坑(2)script放置位置问题

果然学习总会出现问题,写了一个最简单的外部js文件供html调用,死活不生效

代码如下

JavaScript:

var x = 7,y = 7,z = 9;

document.getElementById("demo").innerHTML =
    (x == y) + "<br>" + (x == z);
HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript练习</title>
    <script src="../Javascript/0113_08.js"></script>
</head>
<body>
<h2>JavaScript Booleans</h2>
<p>布尔值:true 或 false。</p>
<p id="demo"></p>
</body>
</html>

显示缺少两行应该显示的内容:

js里关于(x == y) 和 (x == z)的真假判断
在这里插入图片描述
想了好长时间,最后意识到是<script>放的位置的问题,<script>放在<head><body>中的效果是不一样

于是我对html文件中的<script>位置进行了调整

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript练习</title>
</head>
<body>
<h2>JavaScript Booleans</h2>

<p>布尔值只有两个值:true 或 false。</p>
<p id="demo"></p>
<script src="../Javascript/0113_08.js"></script>
</body>
</html>

在这里插入图片描述

果然生效了,这说明script放在body和head中有区别

发布了20 篇原创文章 · 获赞 17 · 访问量 471

猜你喜欢

转载自blog.csdn.net/qwe122343/article/details/103965835
今日推荐