自学JavaScript--------第1天（JavaScript介绍）

1.JavaScript是什么

        1.1:了解什么是JavaScript?

                        JavaScript是一种可以直接运行在客户端(浏览器)中的编程语言，实现人机交互

        1.2:JavaScript的作用是什么?

                        分三个作用:

                        1.网页特效(监听用户的一些行为让网页做出对应的反馈)

                        2.表单验证(针对表单数据的合法性进行判断)

                        3.数据交互(获取后台的数据，渲染到前端)       

                        4.服务端编程(node.js) 

        1.3:JavaScript的组成(有什么?)

                        

                        1.3.1.JavaScript权威网站:  JavaScript | MDN (mozilla.org)

2.JavaScript书写位置

        2.1.内部JavaScript

                直接写到html文件里，用script标签包住

                规范: script标签写在</body>上面                

                我们将<script>放在HTML文件的底部的原因是，浏览器会按照代码在文件中的顺序加载                  HTML，如果先加载JavaScript的代码，使其修改下方的HTML，那么可能由于加载到                      JavaScript的时候HTML尚未被加载而失效，因此，将JavaScript代码放在HTML页面底                    部附件通常是最好的策略

                        这是内部js书写方法

        2.2.外部JavaScript

                代码写在以.js结尾的文件里

                语法：通过script标签，引入到html页面中

                1.使用外部.js文件的时候script标签中间无需写代码，否则会被忽略！                                              2.外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML会                           更加易读，因此这是一个好的方法

                        这是文件结构

                           这是外部调用的js文件内容

                        这是外部js书写方法

        2.3.内联 JavaScript

                代码写在标签内部

                目前还没学，老师说后面vue框架会用这种模式，小白了解一下就行了

                         这是内联js的书写方法

3.JavaScript怎么写

        3.1.注释

                在JavaScript中 // 这个是单行注释    快捷键:Ctrl + /

                在JavaScript中 /* */ 这个是单行注释    快捷键:Ctrl + Alt + A

        3.2.结束符

                使用英文 ; 代表语句结束,实际开发中,可写可不写,浏览器(JavaScript引擎)可以自动推断                  语句的结束位置, 在实际开发中,越来越多的人主张,书写JavaScript代码时省略结束符

                               

                为了统一风格,结束符要么每句都写, 要么每句都不写

4.JavaScript输入输出语法

        4.1.输出语法

                4.1.1.document.write()

                        作用: 向body内输出内容

                        注意: 如果输出的内容写的是标签，也会被解析成网页元素

                        代码: 结果:

                4.1.2.alert()

                        作用: 页面弹出警告对话框

                        代码:  结果: 

                  4.1.3.console.log()

                        作用:控制台输出语法，程序员调试使用

                        代码:  结果: 

        4.2.输入语句

                4.2.1.prompt()

                        作用: 显示一个对话框，对话框中包含一条文字信息，用于提示

                        代码:  结果：

        4.3.JavaScript代码执行顺序:

                按照HTML文档流顺序执行J锕vaScript代码

                alert()和prompt()它们会跳过页面渲染先被执行