- 行内式
<input type="button" value="点我瞅瞅" onclick="alert('hello world')"
- 可以将单行少量的js代码写在HTML标签的事件属性中(以on开头的属性),如:onclick;
- 注意单双引号的使用,在HTML中推荐使用双引号,js中推荐使用单引号;
- 可读性差,在html中编写js大量代码时,不方便阅读;
- 引号易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用
2.内嵌式
<script>
<input type="button" value="点我瞅瞅" onclick="alert('hello world')"
</script>
3.外部js文件
<script src="index.js"></script>
- 利于Html页面代码结构化,把大段js代码独立到Html页面之外,既美观,也方便文件级别的复用;
- 引用外部js文件的script标签中间不可以写代码;
- 适用于js代码量比较大的情况;