JavaScript踩坑（2）script放置位置问题

最新推荐文章于 2022-07-06 18:59:36 发布

qwe122343

最新推荐文章于 2022-07-06 18:59:36 发布

阅读量315

点赞数 2

分类专栏： Web JavaScript

本文链接：https://blog.csdn.net/qwe122343/article/details/103965835

版权

Web 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

JavaScript

10 篇文章 2 订阅

订阅专栏

果然学习总会出现问题，写了一个最简单的外部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中有区别

qwe122343

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
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><h...
复制链接

扫一扫