HTML嵌入JavaScript代码的方式

• JavaScript程序不需要程序员手动编译，浏览器直接打开解释执行
• JavaScript的目标程序以普通文本形式保存，这种语言都叫做“脚本语言”

HTML嵌入JavaScript代码第一种方式：加事件句柄

1. JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。在JS中任何事件都会对应一个事件句柄：onclick
2. onclick="js代码"的执行原理：
   页面打开的时候js代码不会执行，只是把这段js代码注册到按钮的click事件上了。当按钮发生click事件后，js代码会被浏览器自动调用
3. 使用JS代码弹出消息框：
   内置对象window，代表的是浏览器对象
   window对象有一个alert函数，window.alert("消息")就可以实现弹窗，window.可以省略，alert有阻塞当前页面加载的作用
4. JS中字符串可以使用双引号，也可以使用单引号
5. JS中的一条语句结束后可以用;也可以不用

HTML嵌入JavaScript代码第二种方式：脚本块

1. <script type="text/javascript"> </script>
2. 在页面打开的时候执行，并且遵循自上而下的顺序（不需要事件）
3. JavaScript脚本块在页面中可以出现多次，出现位置也随意

HTML嵌入JavaScript代码第三种方式：引入外部独立js文件（推荐）

1. 在需要的位置引入js脚本文件
   <script type="text/javascript" src="路径"> </script>
2. js文件中的代码会自上而下逐行执行
3. 在引入文件两个标签中间写的js代码不会执行