【2】js代码编写到外部js文件中，然后通过script标签引入

JS代码插入方式详解

最新推荐文章于 2024-04-01 19:25:02 发布

原创最新推荐文章于 2024-04-01 19:25:02 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

本文详细介绍了JavaScript代码的四种常见插入方式：外部JS文件引入、script标签内编写、按钮onclick属性绑定以及超链接href属性触发。每种方式都有其适用场景和优缺点，了解这些可以帮助开发者更高效地进行网页开发。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--可以将js代码编写到外部js文件中，然后通过script标签引入-->
		<script type="text/javascript" src="script.js"></script>
		
		<!--
			可以将js代码编写到script标签
			<script> type="text/javascript"
			alert("我是script标签中的代码");
			<script>
		-->
	</head>
	<body>
		<!--可以将js代码编写到标签的onclick属性中
			当我们点击时，js代码才会执行
			虽然可以写在标签中，但是维护不方便		
		-->
		<button onclick="alert('讨厌')">点我一下</button>
		
		<!--可以将js代码编写到超链接的href属性中，点击超链接后会执行js代码-->
		<a href="javascript:alert('23333');">点我1下</a>
	</body>
</html>