使用<script>元素的方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件。
<script>元素的属性:
- type:必需。表示编写代码使用的脚本语言的内容类型。考虑到浏览器的兼容性,应把type属性设置为text/javascript。
- src:可选。表示要执行的外部js文件。
- defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。
1、 网页中直接嵌入JavaScript代码示例:
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
使用<script>嵌入代码时,记住不要在代码中的任何地方出现“</script>“字符串。因为按照解析嵌入代码的规则,当浏览器遇到“</script>"时,就会认为那是结束的</script>标签。而通过分隔为两部分可以解决这个问题,例如:
<script type="text/javascript">
function sayHi(){
alert("</scr"+"ipt>");
}
</script>
2、调用外部js文件
通过<script>元素调用外部javascript文件时,src属性是必需的。示例
<script type="text/javasctipt" src="example.js"></script>
外部文件带有.js扩展名,但这个扩展名不是必需的,浏览器不会检查JavaScript文件的扩展名。这样一来,使用JSP、PHP或其他服务器语言动态生成JavaScript代码成为可能。
3、<script>标签的位置
按照贯例,所有<script>标签都放到<head>元素中,这种做法意味着必须等到全部JavaScript代码被下载、解析和执行完成以后,才能开妈呈现页面的内容。为了避免这个问题,应把全部JavaScript代码放在页面内容后面。