JS的三种书写位置

■ JS的三种书写位置：

• 行内
• 内嵌
• 外部

■ 行内式

□ 说明

直接写在元素的内部
可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)，比如onclick
注意单双引号的使用，在HTML中推荐使用双引号，JS中推荐使用单引号
特殊情况下使用，如测试
可读性差，在HTML页面中编写大量JS代码，会导致可读性变差
引号易错，引号多层嵌套匹配时，会非常容易弄混

□ 示例

<input type="button" value="按钮" onclick="alert('弹出对话框')">

■ 内嵌式

□ 说明

写在html页面的标签内
可以将多行JS代码写到

□ 示例

<script>
	alert('弹出对话框');
</script>

■ 外部式

□ 说明

写在外部js文件，并在html页面内引用
开发规范规定，引用外部JS文件的script标签中间不可以写代码
适合于JS代码量比较大的情况
有利于HTML代码结构化，把打断JS代码独立到HTML页面之外，既美观，也方便文件级别的复用

□ 示例

my.js

alert('弹出对话框');

my.html

<script src='my.js'>
	//开发规范规定，此处不可以写代码
</script>