js学习之js的声明和引入

最新推荐文章于 2022-09-19 08:35:20 发布

原创最新推荐文章于 2022-09-19 08:35:20 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #vue.js #html #html5

JavaScript教程专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了在HTML中如何声明JavaScript代码域以及如何引入外部JS文件，包括使用script标签在head部分进行代码声明和引入外部文件的方法，阐述了两种方式的作用及特点。

1、源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js的声明和引入</title>
		<!--声明js代码域-->
		<!--引入外部声明好的js文件-->
		<script src="js/my.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<h3>js的声明和引入</h3>
		<script type="text/javascript">
			alert("这是我的第一个js")
		</script>
	</body>
</html>
<!--
	js的声明学习：
		1、在head标签中使用script标签进行js代码域的声明
			<script type="text/javascript">
					alert("这是我的第一个js")
			</script>
			作用：
				声明js代码域
			特点:
				js的代码只会作用于当前网页
		2、在head标签中使用script标签引入外部声明好的js文件
			<script src="相对路径" type="text/javascript" charset="utf-8"></script>
			作用：引入外部声明好的js文件
			特点：
				实现js代码的重复使用，避免代码的冗余。
	注意：
		因为js在HTML文档中是一门单独的语言，可以声明在文档中的任意位置
		一般情况下声明在head标签中。
	
-->