我们学习JavaScript在HTML页面里的使用,主要在浏览器上体验JavaScript,那么,代码写在哪里?JavaScript代码类似CSS样式,可以在页面嵌入,也可以写在单独的文件里。在HTML页面里,JavaScript代码可以如下写:
```html
<script type="text/javascript">
//JavaScript代码
</script>
```
JavaScript代码写在script标签里。注意和其他HTML标签一样,要配对。也可以如下写:
```html
<script src="product.js"></script>
```
在product.js文件里写JavaScript代码。
### script标签
script标签(不带defer或async属性)会阻止文档渲染。脚本会立即下载并执行。如果有多个标签,就从上到下顺序下载并顺序执行。^这里使用下载表示文件原本是在服务器上的,下载到本地,使用加载有歧义,可能表达文件是在本地,浏览器读取。^
```
<script src="product.js"></script>
<script src="server.js"></script>
<p>take it easy。</p>
```
product.js将先下载并执行,完成之后,下载server.js,并执行。这个过程中,我们不能在浏览器里看见p元素的内容。
关于defer和async等属性,这里不深入探讨。