《JavaScript高级程序设计》 读书笔记(一)
2024-08-29 20:31:17
标签的位置
按照传统的做法,所有<script>元素都应该放在页面的<head>元素中,例如:
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>
这种做法的目的就是把所有外部文件(包括 CSS 文件和 JavaScript 文件)的引用都放在相同的地方。
可是,在文档的<head>元素中包含所有 JavaScript 文件,意味着必须等到全部 JavaScript 代码都被下载、
解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到<body>标签时才开始呈现内容)。对于
那些需要很多 JavaScript 代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟
期间的浏览器窗口中将是一片空白。为了避免这个问题,现代 Web 应用程序一般都把全部 JavaScript 引
用放在<body>元素中页面内容的后面,如下例所示:
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>
这样,在解析包含的 JavaScript 代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏
览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
最新文章
- 2.Redis常用命令
- Python 日期格式转换
- 五大要求让BPM与企业对接
- 关于Windows Azure的常见问题-执行与维护FAQ
- ubuntu系统修改终端提示符及设置颜色高亮
- BestCoder Round #14 B 称号 Harry And Dig Machine 【TSP】
- C语言基础09
- DZY Loves Partition
- linux proxy
- ajax编程**
- mybatis逆向工程使用步骤详解
- tree(并查集)
- hdu 5591 BestCoder Round #65(博弈)
- Linux上Oracle18C 系统表空间大小调整 adjust the system tablespace for oracle18c on linux
- 【Javascript系列】变量作用域
- {前端CSS} 语法 Css的几种引入方式 css选择器 选择器的优先级 CSS属性相关 背景属性 边框 CSS盒子模型 清除浮动 overflow溢出属性 定位(position)z-index
- ReactNative踩坑日志——页面跳转之——Undefined is not an Object(evaluating this2.props.navigation.navigate)
- SQL Server 调优系列进阶篇 - 如何重建数据库索引
- 移动端适配之sprite雪碧图背景定位
- python类常用装饰器
热门文章
- 条件与(&;&;)和逻辑与(&;)以及条件或(||)和逻辑或(|)区别
- Java汉字排序(1)排序前要了解的知识(数组和list的排序接口)
- C#创建XML文件并保存
- 【HDOJ】4029 Distinct Sub-matrix
- poj 3083 Children of the Candy Corn(DFS+BFS)
- poj 2993 Emag eht htiw Em Pleh(模拟)
- 为自己打造Linux小系统
- JqueryEasyUI 增加选项卡
- 【转】Please define the NDK_PROJECT_PATH variable to point to it
- SharePoint 2010 获取列表中所有数据(包括文件夹内)的方法