一、引入方式
同样的,js代码也是写在html中的,那html中如何引入js代码呢?主要通过下面的两种引入方式
- 内部脚本,将JS代码定义在html页面中
- 外部脚本,将JS代码定义在外部JS文件中然后引入到html页面中
1.1 内部脚本
核心要点
- JavaScript代码必须位于
<script></script>
标签之间- 在html文档中,可以在任意的地方,放置任意数量的
<script>
- 一般会把脚本至于
<body>
元素的底部,可改善显示速度
举个例子:
<script>
alert("hello JavaScript");
</script>
效果图
1.2 外部脚本
核心要点
- 外部JS文件中,只包含JS代码,不包含
<script>
标签- 引入外部JS的
<script>
标签,必须是双标签,因为它不能自闭和所以</script>
不能省略
举个例子
<script src="js/demo.js"></script>
注!!!demo.js
中只有JS代码,没有<script>
标签