《JavaScript高级程序设计（第3版）》学习笔记1：chapter_2

本文链接：https://blog.csdn.net/weixin_44582681/article/details/100709498

“书上得来终觉浅，绝知此事要躬行”！
为了更好且系统地学习JavaScript的知识，本人（在校大三学生）将该本书的每一章中重要的章节都做了较为详细的学习笔记，代码也都自己实践了一遍。
接下来我会继续坚持总结出自己的学习笔记，并陆续将学习笔记发到我自己的博客，当是我勉励我学习的动力。
这是我的第一篇博客，如有不足，也请多多包容！！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>


    <!-- <script src="" type="text/javascript" defer async></script> -->
    <!--注意点  
    1， defer,async两个只对外部js文件有效
        defer（延迟脚本）: 表示浏览器应该立即下载脚本，脚本可以延迟到文档完全被解析和显示之后在执行
                    通常按照指定顺序执行，但实际使用当中，延迟脚本也不一定会按照顺序执行，因此，最好只包含一个延迟脚本。
                    defer属性并非所有浏览器都支持，因此，最好把延迟脚本放在<body>元素中页面内容的后面
                    脚本先于DOMContentLoaded事件执行
        async（异步脚本）: 异步。表示浏览器应该立即下载脚本，不让页面等待两个脚本下载和执行，从而异步加载页面的其他内容
                    标记为async的脚本并不保证按照指定他们的先后顺序执行
                    不建议异步脚本在页面加载时修改DOM
                    脚本先于load事件执行，但可能会在DOMContentLoaded事件之前或者之后执行

    2，在<script>元素内部的JavaScript代码将被从上到下依次解释。
       即在解释器对<script>元素内部的所有代码求值完毕以前，页面中的其余内容都不会被浏览器加载或显示
    
    3，在使用<script>嵌入JavaScript代码时，记住不要在代码中的任何地方出现"</script>"字符串

    4，src属性可以包含来自外部域的JavaScript文件

    5，浏览器在遇到<body>标签时才开始呈现内容
    
    6，降低延迟(减少加载页面空白时间)方法： 
                a, 将全部JavaScript引用放在<body>元素中页面内容的后面
                b, <head>里边的<script>中使用ready或load事件
                    

    7，推荐使用：外部的js代码（可维护性，可缓存，适应未来）
    
    8，文档类型（doctype）：混杂模式（不推荐）和标准模式。准标准模式（跟标准模式几乎一样）
                            混杂模式：让IE的行为与IE5相同
                            标准模式：让IE的行为接近标准行为     <! DOCTYPE html>
                            这两种模式主要影响CSS内容的呈现，但某些情况下也会影响JavaScript的解释执行
                           如果文档开始时没有发现文档类型声明，则所有浏览器都会默认开启混杂模式，导致浏览器行为差异非常大
    

    9，<noscript>元素：用以在不支持JavaScript的浏览器中显示替代的内容，可以包含除了<script>元素外的其他在<body>中的任何HTML元素
                        内容显示条件（或关系）：a, 浏览器不支持脚本
                                             b, 浏览器支持脚本，但脚本被禁用
    -->
    <script>
        function sayHi(){
            alert("hello, I wanna make a friend with you!");
        }
        sayHi();
    </script>
    
</head>

<body>
     

</body>
</html>