|
问题描述 当我们在学习JavaScript时，我们利用刚开始学习的代码引入方式，直接在HTML文档中写入JavaScript代码，当我们运行这个文档代码时，却发现我们的JavaScript代码却没有生效。那么我们的JavaScript代码应该放在什么位置呢？ 当JavaScript代码没有生效的时候我们在浏览器中打开检查页面，这个时候我们就会发现我们的JavaScript代码的代码并没有起到任何作用，这个时候我们就要思考我们的代码为什么没有生效呢？ 解决方案 这个时候我们就要去思考一个问题，那就是JavaScript代码的位置问题。在我们刚开始写JavaScript代码时我们通常都会将JavaScript代码放在<head>或者<body>标签里面，但是我们位置是对的为什么没有生效呢？ 这个时候就要考虑一个文档的解析问题，就是浏览器对代码的解析。 如图我们的代码放在了<head>标签内，但这个时候却没有生效。在很多浏览器中，当浏览器对代码进行解析都是从上往下的顺序进行解析的，浏览器首先解析<head>标签所包含的信息，它就会把这个包含js的脚本进行执行，但执行的时候这个文档结构还没有构建起来，所以它找不到这个<p>标签自然就会报错，从而js代码就不会生效了。 如果我们把js代码放在<p>标签下面,这样我们保存之后再刷新页面，看一下效果会是什么样的呢？ 这个时候我们就会发现js代码生效了，就能够正确的设置了。这就说明了<script>标签没有明确限制，但我们一定要注意文档的解析顺序。如果是一些js函数或者全局变量我们一般放在<head>标签里面，对于一些对客户端的操作我们一般放在<body>标签的结束标签之上，这样就比较安全。 结语 当我们在写代码时，我们一定要注意代码的位置，代码的位置决定了代码能不能够被正常解析及其读取，也决定了我们程序的成功与否。所以代码的位置很重要。 |
|
|
