js代码编写位置_js代码不能写在哪个位置-CSDN博客

本文链接：https://blog.csdn.net/dayun555/article/details/84063150

方式一：推荐使用的方式

-可以将js代码编写到外部js文件中，然后通过script标签引入
-写到外部文件中可以在不同的页面中同时引用，也可以利用浏览器的缓存机制
注意：script标签一旦用于引入外部文件就不能再编写代码了，即使编写了也没用
如果需要则可以再创建一个新的script标签用于编写内部编码

方法二

可以将js代码编写到标签的Onclick属性中，当我们点击按钮时 js代码才会执行

虽然可以写在标签的属性中，但是它们属于结构与行为耦合，不方便维护，不推荐使用

方法三

可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码

代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<!--  可以将js代码编写到外部js文件中，然后通过script标签引入
	写到外部文件中可以在不同的页面中同时引用，也可以利用浏览器的缓存机制
	推荐使用的方式
-->
<!--script标签一旦用于引入外部文件就不能再编写代码了，即使编写了也没用
如果需要则可以再创建一个新的script标签用于编写内部编码  -->
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">alert("我是内部的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(1);">你也点我一下</a>
	<a href="javascript:;">你也点我一下</a>
</body>
</html>