枫小熙

在HTML中使用JavaScript

<script></script>的位置:

1、传统做法:放在<head></head>,意味着必须等到全部JavaScript代码都被下载、解析和执行完后,才能开始呈现页面的内容。

2、延迟脚本:放在<head></head>,并在<script>里定义defer属性(表明脚本会被延迟到整个页面都解析完毕后再运行,相当于告诉浏览器立即下载,但延迟执行),<script type="text/javascript" defer="defer" src="example1.js"></script>,意味着脚本会被延迟到整个页面都解析完毕后在运行(只适用于外部脚本,由于现实中,延迟脚本并不一定会按照顺序执行,所以最好只包含一个延迟脚本,不建议这样去延迟)

3、异步脚本:在<script>定义了async属性,<script type="text/javascript" async src="example1.js"></script>,意味着不让页面等待两个脚本下载和执行,从而异步加载页面其他内
容。(只适用于外部脚本,并不保证按照指定它们的先后顺序执行,因此确保两者之间互不依赖非常重要)

4、现代Web应用程序一般都把全部JavaScript引用放在<body></body>元素中页面内容的后面,例如:(建议选择)

<!DOCTYPE html>

<html>

  <head>

    <title>.....</title>

  </head>

  <body>

    <!-- 放在这里 -->

    <script type="text/javascript" src="example1.js"></script>

    <script type="text/javascript" src="example2.js"></script>

  </body>

</html>

这样,页面内容将先完全呈现在浏览器中,再开始解析JavaScript代码

posted on 2018-05-08 21:45  枫小熙  阅读(...)  评论(...编辑  收藏

My Links

Blog Stats