javascript基础（JS的编写位置）（二）_javascript js位置-优快云博客

本文链接：https://blog.youkuaiyun.com/u010853130/article/details/54911200

本文介绍了JavaScript代码在HTML文档中的不同放置方式及其优缺点：包括内联于HTML标签、置于`<script>`标签内以及引入外部JS文件。讨论了各种方式对网页性能及维护的影响。

1.js编写的位置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--可以将JS代码编写到script标签中-->
		<!--<script type="text/javascript">
			
			alert("hello");
			
		</script>-->
		
		<!--
			还可以将JS代码编写到外部的js文件中，然后通过script标签来引入外部的文件
			将JS代码编写到外部文件中，可以在不同的页面中引入相同的JS代码，
				方便后期的维护，并且写在外部文件中可以使用浏览器的缓存，加快访问速度提高用户体验
				
			如果使用script来引入外部文件，则它就不能在编写任何的JS代码了	，
				如果还需要编写则需要创建一个新的script标签
		-->
		
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript">
			alert("我是内部的JS代码");
		</script>
	</head>
	<body>
		
		
		<!--
			将JS代码编写到标签的属性中，属于结构与行为耦合，不方便后期的维护，不推荐使用
		-->
		
		<!--
			可以将JS代码编写到标签的指定属性中
		-->
		<button onclick="alert('你点我干嘛~~~~');">点我一下</button>
		
		<!--
			可以将JS代码编写到超链接的href中
		-->
		<a href="javascript:alert('讨厌！！！');">你也点我一下</a>
		<br /><br />
		<a href="javascript:;">你也点我一下</a>
		
	</body>
</html>