script元素
script元素内引入JavaScript代码
- 包含在
<script>
中的代码将会从上到下一次解释,在解释器对<script>
中的代码求值完毕之前,页面中的其余内容都会不会被浏览器加载或显示
<script>
function sayScript() {
// wrong
alert("</script>") ;
// right use escape character
alert("<\/script>");
}
</script>
-
无论如何包含代码,只要不存在defer和async属性,浏览器都会按照
<script>
元素在页面中的位置进行依次解析:第一个<script>
元素包含的代码解析完后,第二个<script>
包含的代码才会被解析。 -
如果将
<script>
标签放在<head>
中,浏览器必须等到全部的js下载、解析和执行完成后才能开始呈现页面的内容(浏览器在遇到<body>
时才开始呈现内容,这会导致浏览器的延迟,现在一般放在<body>
元素的后面