script用于在页面中加载JavaScript。如果想要直接定义JavaScript,必须在开始标签和结束标签之间编写代码。
<script type="text/javascript">
function doSomething(){
alert("Hello World!");
}
</script>
type属性可选,没有指定默认值是text/javascript。
最佳实践将JavaScript放置在一个单独的文件中。这样在不同的页面之间可以共享相同的脚本。引用外部文件,只需要使用src属性即可,在开始和结束标签之间不需要包含任何内容。需要加载多个文件,可以在独立的script元素中指定这些文件。
<script src="../script/sample.js" type="text/javascript"></script>
<script src="../script/demo.js" type="text/javascript"></script>
浏览器在解析一个HTML文档的过程中,当遇到script元素时,会加载并执行脚本,然后继续解析文档的其他部分。针对外部文件,可以使用async特性和defer特性来更改该解析行为,都是Boolean特性。若指定async特性,将会以并行方式加载和执行文件,同时解析过程继续执行。若指定defer特性,脚本将会在页面完全解析以后执行。
<script src="../script/demo.js" defer></script>
如果脚本中包含了需要引用HTML元素的代码,就应该使用defer特性,如果在文件解析之前就执行该代码,脚本会执行失败,此时的元素还不可用。