初识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、输入语法：

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

prompt（提示内容）

结束语

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