xiaomenglnan Front-end developer and life lover

2016-06-15-day1


Chapter 1

Javascript的实现

如下图:

Javascript的实现

为什么要使用DOM

借助DOM提供的API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。


<html>
	<head>
		<title>Sample Page</title>
	</head>
	<body>
		<p>Hello World!</p>
	</body>
</html>

源代码如上,对应的,DOM如下图:

DOM

Chapter 2

加载顺序

带有src属性的<script>元素不应该在其<script></script>标签之间再包含额外的 Javascript代码。如果包含了嵌入的代码,则只会下载并实行外部脚本文件,嵌入的代码会 被忽略。

标签的位置


<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代码之前,页面的内容将完全呈现在浏览器中。而用户也会 因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。


Similar Posts

Comments