JS的三种引用方式

最新推荐文章于 2024-06-09 19:30:00 发布

Webwangbo

最新推荐文章于 2024-06-09 19:30:00 发布

阅读量1.1k

点赞数 7

分类专栏： js 文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/Webwangbo/article/details/125169744

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

js的展示效果都会出现在console 也就是控制台！给之前的HTML不一样！

1.内嵌式

2.行内式

3.外链式

1.内嵌式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 1.内嵌式 -->
		<script>	
			console.log("输出控制台！");
		</script>
	</body>
</html>

效果展示：

2.行内式

行内式需要点击事件才能展现出来

onclick：点击事件（注意：外双内单》οnclick="" 》里边的console.log（''））

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 2.行内式 -->
		<button type="button" onclick="console.log('行内式!');">点击</button>
	</body>
</html>

效果：

点击后效果：

3.外链式

1.首先需要建几个js文件

console.log("控制台")

2.引用js文件，（注意：引用js文件里边是不可以写代码的）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 3.外链式
               注意：引用js里边不能写代码
                                              -->

	 <script src="js/text.js"></script> 
	</body>
</html>

效果：