与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的任意位置,但是其定义的位置会影响其执行顺序。