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