JS学习笔记-与HTML的结合方式

与HTML的结合方式

1.内部结合
即在js内部写入js文件,如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>alert("我是内部js!");</script>
	<!--	
	<script src="js/first.js"></script> 
	-->
	</body>
</html>

结果:
例子
2.外部结合
即引入外部的js文件,通过src导入,例子如下:

frist.js文件写入如下代码

alert("我是外部js!");

html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
		<script>alert("我是内部js!");</script>	
		-->
	    <script src="js/first.js"></script> 
	
	</body>
</html>

结果:
例子
注意事项: js文件可以定义在HTML的任意位置,但是其定义的位置会影响其执行顺序。

发布了45 篇原创文章 · 获赞 52 · 访问量 2813

猜你喜欢

转载自blog.csdn.net/weixin_43520670/article/details/103325107