JS补-最主要的是js情书

推荐网站：
http://www.w3school.com.cn/htmldom/index.asp
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
https://www.cnblogs.com/suoning/p/5656922.html
https://www.cnblogs.com/suoning/p/5656403.html

一、js，dom与浏览器之间的关系
DOM理解：
文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口， （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。
js理解：javascript是一门动态弱类型的解释型编程语言，增强页面动态效果，实现页面与用户之间的实时动态的交互（JavaScript是一门 基于浏览器的 、 事件触发式的 、 嵌入式的… 脚本语言）
关系：浏览器内部有一个js的解释器/执行器/引擎，浏览器自带HTML代码的渲染功能，HTML代码在内存中形成一个DOM对象（HTML对象），html代码中的js代码被js引擎所执行，执行的结果就是DOM操作；
二、js语法
1、引入
①、外部引入

②内部引入

③、 为什么要放在代码块底部？

HTML代码从上到下执行，先加载CSS，避免html出现无样式状态；
将JavaScript代码块放在最后，可以让网页尽快的呈现给用户，减少浏览者的等待时间，避免因为JS代码块阻塞网页的呈现

三、js对象（js名言‘万物皆对象’）

如上图所示：万维网w3c对js的分类；

如上图所示：我觉得js只存在一种对象就是BOM对象（毕竟JavaScript是一门 基于浏览器的 、 事件触发式的 、 嵌入式的… 脚本语言），而DOM再分为普通js对象，DOM对象，Window对象；

js情书：

    

        

            /**

            *,

            *.

            */

            Boy name = Mr HE

            Girl name = Mrs WANG

            // Fall in love river. 

            The boy love the girl;

            // They love each other.

            The girl loved the boy;

            // AS time goes on.

            The boy can not be separated the girl;

            // At the same time.

            The girl can not be separated the boy;

            // Both wind and snow all over the sky.

            // Whether on foot or 5 kilometers.

            The boy very happy;

            The girl is also very happy;

            // Whether it is right now

            // Still in the distant future.

            The boy has but one dream;

            // The boy wants the girl could well have been happy.

            

            

            I want to say:

            Baby, I love you forever;

        
        

            
            

                

                    亲爱的，这是我们相爱在一起的时光。
                    

                
                

                    爱你直到永永远远。

                    
- 爱你的人
                
            
        
    
    

        ....

        ....