静态页面和动态页面

不是会动的页面就叫动态页面； 它们的区别在于：是否与服务器进行数据交互！

在HTML中引入JavaScript的三种方式

1. 外部JavaScript

把HTML代码和JavaScript代码单独放在不同的文件中； 在HTML中使用“script”标签来引入JavaScript代码

外部JavaScript是最理想的JavaScript引入方式，在实际开发中一般都使用外部JavaScript！
① 在HTML中如何引入JavaScript？

只需用到src这一个属性即可

② 在HTML的什么地方引入JavaScript？

外部JavaScript文件 不仅可以在head标签中引入（推荐）； 也可以在body标签中引入

2. 内部JavaScript

把HTML代码和JavaScript代码放在同一个文件中

① 如何编写JavaScript代码？

JavaScript代码写在标签对内

② 在什么地方可以编写JavaScript代码？

内部JavaScript 不仅可以在head标签内引入（推荐）； 也可以在body标签中引入

3. 元素事件JavaScript

在元素的“事件属性”中直接编写JavaScript或调用函数

① 直接在属性中编写JavaScript

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8"/>
  5.   <title></title>
  6. </head>
  7. <body>
  8.     <input type="bitton" value="按钮" onclick="alert('学习学习再学习')"/>
  9. </body>
  10. </html>

② 在属性中调用JavaScript函数

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8"/>
  5.   <title></title>
  6.     <script>
  7.     function alertMes()
  8.       {
  9.         alert("学习学习再学习");
  10.       }
  11.   </script>
  12. </head>
  13. <body>
  14.     <input type="bitton" value="按钮" onclick="alertMes()"/>
  15. </body>
  16. </html>

注意：

  1. 在JavaScript中，每一条语句都是英文分号作为结束符；