javascript之<script>标签

最新推荐文章于 2024-02-26 10:58:21 发布

池塘里的大笨鸟

最新推荐文章于 2024-02-26 10:58:21 发布

阅读量315

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/c375032565/article/details/62045263

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在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属性，同样的也只适用于外部脚本。作用是立即下载此脚本，但不妨碍页面中的其他操作。

池塘里的大笨鸟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript之<script>标签

在javascript传统的使用上，<script>元素都是放置在<head>元素中，例如<!DOCTYPE html><html><head><title>Example HTML Page</title><script type="text/javascript" src="example.js"></script></head><body></bo
复制链接

扫一扫