初识JavaScript

        同志们，今天我们终于来到了第三门网页语言的学习——JavaScript。大家一看到这个单词的前面，哎呦! java!这个我熟！欸欸欸 打住啊，这个真不熟，这是隔壁的，跟咱的javascript一点关系都没有！这个大家一定要注意啊~！！！

---

一、初识JavaScript

        好的，废话不多说，进入我们今天的主题——初识JavaScript（简称js）！

        那么我们在学习js之前，要先问一个问题！为什么要学习js？他有什么作用？它由什么组成？那么，我们就带着这些问题进行下面的学习。

问题1：为什么要学习JavaScript?

        众所周知，在前端开发中一个网页的源代码主要由三部分组成（HTML,CSS,Javascript）,其中HTML确定网页的结构，CSS确定网页的样式,而JavaScript则主要负责网页的行为（动态效果，交互事件等）， 他们之间是缺一不可的关系。

问题2：JavaScript作用是什么？

        JavaScript: 确定网页的行为(交互)   

        通俗来讲就是：教网页做事！！！

        

 

 HTML：确定网页的结构

        CSS: 确定网页的样式

        JavaScript: 确定网页的行为(交互)         

 

问题3：JavaScript有哪几个部分组成？

        

ECMAScipt（近期重点学）：

        规定了js基础语法的规范。如：变量、分支语句、 循环语句、对象等。

Web APIs （先做了解）:

        DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作

        BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

总的来说，js由两个部分组成：分别是ECMAScipt和Web APIs，而Web APIs又划分为DOM和BOM。所以也可以说是由ECMAScipt、DOM、BOM三部分组成。

• ECMAScript - JavaScript的核心

  • ECMAScript定义了JavaScript的语言规范

  • JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关

• DOM - 文档对象模型

  • 一套操作页面元素的API

  • DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

• BOM - 浏览器对象模型

  • 一套操作浏览器功能的API

  • 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

    ---

二、JavaScript的书写位置

        

1、行内js书写（仅作了解）

        

         这里不推荐js书写时使用行内方式，因为不便于维护。

 2、内部js书写

 

        内部js书 写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐

注意点：

        1、必须放在结束body标签的上方，为了更好的操作标签。

        2、内部script标签没有src属性

3、外部js书写

         直接写在js文件中，使用script的src属性导入（强烈推荐）

注意点：

        1、scipt标签中间无需写代码，否则会被忽略；

        2、在写项目时使用外部js，可以让代码更加直观。

---

三、javascript的注释

       

      注释的作用：

        方便程序员查看和理解代码，注释之后的代码或文字不会被浏览器解析

        JS注释有两种写法

第一种注释方法：

        单行注释：“ // 内容” ，注释内容只能是一行，适用于注释内容较少

                     （快捷键：ctrl + /）

第二种注释方法：

        多行注释：“ // *内容 *// ”，注释内容可以是多行，适用于注释内容较多，比如一行写不下                  （快捷键：shift + alt + A）              

 

---

四、javascript的结束符

 

---

五、javascript输入和输出的语法

        输入和输出的语法，是人和计算机关于js的规则，我们需要按照这个规则去书写。

1、输出语法：

（1）在页面的body标签中输出内容，如果是内容里标签的话，还会被网页解析

document.write(‘输出内容’)；

 

 

（2）在页面中弹出提示框，提示用户

alert('输出内容')

 

 

（3）在控制台打印输出，给程序员调试错误使用

console.log（输出内容）

 

2、输入语法：

        在页面中弹出对话框，提示用户输入内容

prompt（提示内容）

 

 

---

结束语

        今天我们对javascript，进行了一个简单的了解。主要是对他的定义、作用、组成、书写顺序、注释、输入输入语法进行了学习。全篇也是文字居多，需要我们理解的比较多，下面我们会对js的基础进行学习，到时候动手的时间会多一些！！！希望小伙伴们把这些基础的知识点记牢，这样方便我们接下来的学习哦~

晚安啦~~