js的三种引用方式

意中人Crush

于 2022-06-08 21:04:26 发布

阅读量1.1k

点赞数 4

分类专栏： js基础以及经典题文章标签： javascript webview 开发语言

本文链接：https://blog.csdn.net/qq_69555866/article/details/125191841

版权

js基础以及经典题专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.行内式

直接写在标签的属性中，需要有触发事件，例如如onclick（点击触发事件），

html代码：


<button type="button" onclick="alert('行内式!')">点击</button>

网页上出现一个按钮，点击后出现弹框。

效果展示：

2.内嵌式

直接写在script标签内。

html代码如下：

<script>
	alert("输出控制台!");
</script>

浏览器直接出现弹框。

效果展示：

3.外链式

使用这种方法时，需要在外面写一个js文件。

js代码如下：

alert("外链式!");

html代码如下：

<script src="test.js"></script>

整体效果和2一样，但是要注意：引入外部JS文件的script中不可以写代码！！！

整体代码展示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 1.行内式 -->
		<button type="button" onclick="alert('行内式!')">点击</button>
		<!-- 3.外链式，中间不能写js代码 -->
		<script src="test.js"></script>
         <!-- 3.内嵌式-->
		<script>
			alert("输出控制台!");
		</script>
	</body>
</html>

如果有问题希望各位大佬及时批评指正！