javascript 学习 day 2

最新推荐文章于 2024-07-21 12:18:49 发布

络衹

最新推荐文章于 2024-07-21 12:18:49 发布

阅读量115

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43830844/article/details/110005112

版权

2 篇文章 0 订阅

订阅专栏

内容：

将 javascript 插入 html 中的主要方式是使用<script>元素。它有以下八个属性：

使用<script>有两种方式：使用它在网页中直接嵌入 javascript 代码，以及通过它引入外部 javascript 文件。
要嵌入行内 javascript 代码，直接把代码放在 <script> 标签内部就可以了：

<script>
	function fn() {
		console.log('Hello World');
	}
</script>

要包含外部文件中的 javascript，就必须使用 src 属性。这个属性是一个 url（统一资源定位器），指向包含 javascript 代码的文件：<scripr src='main.js'></script>。

包含在<script>内的代码会被从上到下解释。在<script>元素中的代码被计算完之前，页面的其余内容不会加载、显示。由于这个特性通常将<script>标签放置于页面主内容之后，</body>标签之前：

<!DOCTYPE html>
<html>
	<head>
		<title>docment</title>
	</head>
	<body>
		<!-- 页面内容-->
		<script src='index.js'></script>
	</body>
</html>

这样一来，页面会在处理 javascript 代码之前完全渲染出来。用户会感觉页面加载更快了，因为浏览器空白时间更短了。

另外在使用 src 属性的<script>标签中不应再写入 javascript 代码。如果两者都提供的话，浏览器只会执行下引入的 js 文件，从而忽略行内代码。

关注

专栏目录