您的位置：首页 > Web前端 > JavaScript

javascript之<script>标签

2017-03-14 16:36 309 查看 
在javascript传统的使用上，<script>元素都是放置在<head>元素中，例如


<!DOCTYPE ht<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="example.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>


这里写代码片 在这种情况下，必须先加载完整个头部才能加载身体的部分。这样会导致浏览器呈现页面的时间变长。现在的web程序一般把Javascript引用放在body的最后面。

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example.js"></script>
</body>
</html>


在HTML 4.01中出现了**defer**属性，被称为延迟脚本，他可以在脚本执行时却不影响页面的构造。换句话说就是这段脚本在整个页面的最后再执行。**他只支持外部脚本。**


<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="example.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>


HTML5中定义了async属性，同样的也只适用于外部脚本。作用是立即下载此脚本，但不妨碍页面中的其他操作。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航