<script>元素
<script>元素的作用是在HTML页面种导入JavaScript,让网页实现各种动画特效,以及与人之间实现更好的交互效果。
<script>的属性有:
属性 | 描述 |
---|---|
type | 表示编写代码使用的脚本语言的内容类型(也称为MIME类型) |
src | 表示外部脚本文件的 URL |
async | 表示异步执行脚本(仅适用外部脚本),立即下载脚本,不妨碍页面的其他操作 |
defer | 表示是否对脚本执行进行延迟,直到页面加载为止(仅适用外部脚本) |
<script>一般都放在页面的<head>元素中,示例代码如下:
<!DOCTYPE html>
<html>
<head>
<mata charset="utf-8" />
<script type="text/javascript" src="test.js"></script>
<title>导入javascript文件的示例代码</title>
</head>
<body>
导入外部文件test.js。
</body>
</html>
这也意味着必须等到全部的JavaScript代码都被下载解析执行后,才开始呈现页面的内容,如果JavaScript代码太大的话,可能会让浏览器显示页面出现延迟的情况,所以有些程序员把<script>放在<body>的最后位置,这样的话会使在解析JavaScript代码前就已经把页面显示出来,不过在当今网速越来越快的情况下,我觉得一般不需要考虑这个问题。