JavaScript的位置和执行顺序

最新推荐文章于 2021-03-21 19:49:28 发布

rabbit2366

最新推荐文章于 2021-03-21 19:49:28 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/rabbit2366/article/details/82962899

2 篇文章

订阅专栏

内部的JavaScript

JavaScript可以直接写在script标签中。

<script>
	alert("Hello world!");
</script>

放在head中的代码会在页面未绘制出来之前被执行。

<html>
	<head>
		<title>Here is title.</title>
		<script>
			alert("Hello world!");
		</script>
	</head>
	<body> </body>
</html>

放在body中的代码会在页面渲染过程中读到这段代码的时候被执行。放在body中的代码会比head中的晚执行。

<html>
	<head></head>
	<body> 
		<script>
			alert("Hello world!");
		</script>
	</body>
</html>

除了直接把 JavaScript 代码写在 html里，我们还可以把 JavaScript 的代码写在一个 js 文件中，在html 里调用这个 js 文件。下面代码的效果和前面一样。

<html>
	<head></head>
	<body> 
		<script src="outfile.js"></script>
	</body>
</html>

outfile.js

alert("Hello world!");

把 JavaScript 代码放在外部文件中，只有在事件被触发，需要该段 JavaScript 代码时，才调用执行。
这样做的好处是，当有大量的JavaScript代码时，把代码放到外部文件会加快页面加载速度。