在制作网页的过程中，我们经常写类似下面的代码：
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
按照惯例，所有的<script>元素都应该放在页面的<head>元素中。请注意：无论引用几个外部js文件，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析 。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，然后才是第三个、第四个...
这种做法的目的就是把所有外部文件（包括CSS文件和JavaScript文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口将是一片空白。为了避免这个问题，现代Web应用程序一般都会把全部JavaScript引用放在<body>元素中，放在页面的内容后面，如下所示：
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></body>
</html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></body>
</html>
这样，在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
或者也可以使用<script>标签的defer属性表明脚本在执行时不会影响页面的构造，即脚本会被延迟到整个页面都解析完毕后再运行，代码如下：
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
上述两种写法的实际效果是一样的。但是，并非所有的浏览器都支持defer属性，有些浏览器会忽略这个属性，不延迟脚本的执行。
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
按照惯例，所有的<script>元素都应该放在页面的<head>元素中。请注意：无论引用几个外部js文件，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析 。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，然后才是第三个、第四个...
这种做法的目的就是把所有外部文件（包括CSS文件和JavaScript文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口将是一片空白。为了避免这个问题，现代Web应用程序一般都会把全部JavaScript引用放在<body>元素中，放在页面的内容后面，如下所示：
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></body>
</html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/example2.js"></body>
</html>
这样，在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
或者也可以使用<script>标签的defer属性表明脚本在执行时不会影响页面的构造，即脚本会被延迟到整个页面都解析完毕后再运行，代码如下：
[html]
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example1.js"><script type="text/javascript" defer="defer" src="/UploadFiles/2021-04-02/example2.js"></head>
<body>
<!-- 这里放内容 -->
</body>
</html>
上述两种写法的实际效果是一样的。但是，并非所有的浏览器都支持defer属性，有些浏览器会忽略这个属性，不延迟脚本的执行。
标签：
标签,位置
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“javascript标签在页面中的位置探讨”评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。