• JavaScript 是一种脚本语言，对脚本语言的理解可参考 https://blog.csdn.net/mtx188/article/details/83993064
      1. 直接将JavaScript放在HTML的head中
        1. 原始代码：
        2. <!DOCTYPE html>
        3. <html lang="en">
        4. <head>
        5. <meta charset="UTF-8">
        6. <title>JavaScript 放在head中</title>
        7. <script>
        8.    function sayHi() {
        9.        alert('hi')
        10.    }
        11.    window.onload  = function () {
        12.        sayHi();
        13.    }
        14. </script>
        15. </head>
        16. <body>
        17. <h1>this is the first HTML </h1>
        18. </body>
        19. </html>
      1. 直接将JavaScript放在HTML的body中
        1. 原始代码：
        2. <!DOCTYPE html>
        3. <html lang="en">
        4. <head>
        5. <meta charset="UTF-8">
        6. <title>JavaScript 放在body中</title> 
        7. </head>
        8. <body>
        9. <h1>this is the first HTML </h1>
        10. <script>
        11. function sayHi() {
        12.    alert('hi')
        13. }
        14. window.onload  = function () {
        15.    sayHi();
        16. }
        17. </script>
        18. </body>
        19. </html>
      1. 当Javascript内部代码很多，浏览器解析慢，导致半天出不来页面。所以将Javascript代码保存到一个以js结尾的文件中，然后通过src属性指向外部文件的链接。例如优化后的代码 外部链接的html
        1. <!DOCTYPE html>
        2. <html lang="en">
        3. <head>
        4. <meta charset="UTF-8">
        5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
        6. <title>Document</title>
        7. <script src=外部链接.js ></script>
        8. </head>
        9. <body>
        10. <button type="button" onclick="sayHi()">点击触发外部链接中的内容</button>
        11. </body>
        12. </html>
        外部链接的js
        1. function sayHi() {
        2. alert('hi')
        3. }
        二 、src的作用

    • 2.1 加载外部的js代码 -2.1 加载外部域的js文件 例如： 这种方式增加了script标签的威力，但是同样也带来了危害，那就是如果是不信任的网站某些程序员会捣乱，那可能会导致不可委会的灾难。so你懂得….

    • 外部文件的优势

      可扩展性:维护代码轻松，开发人员可以不接触html的情况下就可以变成js代码
      可缓存：如果有两个页面都是用同一个js文件，那么这个文件只需要下载一次，因此最终结果就是加快页面的加载速度