JavaScript基本语法

（一） 什么叫JavaScript？

JavaScript是web上一种功能强大的编译语言，用于开发交互式的web页面。他不需要编译，而是直接嵌入在HTML页面中的，由浏览器执行。

1，JavaScript 是设计用来向HTML页面添加交互行为。

2，JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。

3，JavaScript 由数行可执行计算机代码组成。

4，JavaScript 通常被直接嵌入HTML页面。

5，JavaScript 是一种解释性语言（就是说，代码执行不进行编译）。

JavaScript 的组成：

1，ECMAJavaScript：语法 语句。

2，BOM：浏览器对象。

3，DOM：Document Object Model.操作文档中的元素和内容。

（二） JavaScript 的作用：

使用JavaScript添加页面动画效果，提供用户操作体验。主要应用有：嵌入动态文本于HTML页面，对浏览器事件做出响应，读写HTML元素，验证提交数据，检测访客的浏览器信息等。

（三） JavaScript的引入：

在HTML文件中引入JavaScript有两种方式，一种是在HTML文档直接嵌入JavaScript脚本，称为内嵌式，另一种是连接外部JavaScript脚本文件，成为外联式。对他们的具体讲解如下：

1，内嵌式，在HTML文档中，通过<script>标签引入，如下

2，外联式，在HTML文档中，通过<script src=" ">标签引入，如下：

（四） 基本语法：

1，变量：

在使用JavaScript时，要遵循命名规范：

- 必须以字母或者下划线开头，中间可以是数字，字符或下划线。

- 变量名不能包含空格等符号。

- 不能使用JavaScript关键字作为变量名，如：function。

- JavaScript严格区分大小写。

2，变量的声明

var 变量名；   JavaScript变量可以不声明，直接使用。默认值：undefined

- 变量的赋值：

var 变量名=值  JavaScript变量是 弱类型，及同一个变量可以存放不同类型的数据。

（五）JS数据类型：

1，number类型。只要是数字都属于number类型

2，Bolean类型： true false

 

3，String类型： 无论使用双引号还是单引号都属于String类型

4， undefined： 未定义变量 ，未初始化值

5，null类型：表示空

（六）引用类型：

引用类型 通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。

JavaScript是基于对象而不是面向对象。

JavaScript提供众多预定义引用类型（内置对象）供我们使用。

字符串转数字：parseInt（”10“） 全局函数 直接调用就可以。

（七）JS函数方法：

function 方法名（参数列表）{

}

JS中  变量没有类型 全部都是var类型 所以参数列表中只写变量名 不写类型

无论返回什么类型都是var类型 没有返回值类型。要是想有返回值 直接return（a+b）；

有return返回要用变量接受直接

var sum= sum（10，20）；

alert（sum）；即可

- 匿名函数：（没有 函数名的函数叫匿名函数）匿名函数可以作为实际参数直接传入

调用的话 如下

给他var一个变量名接受

（八）JS事件：

1,事件源：指的是被监听的HTML元素。按钮（超链接）

2，事件： 某类动作，例如点击事件，移入移除事件，敲击键盘事件等。（点击事件，浮动）

3，事件与事件源的绑定：在事件源上注册上某事件。（鼠标浮动到超链接上）

4，事件触发后的响应行为：事件触发后需要执行的代码，一般使用函数进行封装。（超链接变颜色）

（常用的事件 如下图）

简单举例  onclick点击事件

添加一个点击事件

在function里写函数

最终显示结果

（九） DOM对象介绍：

DOM是文档模型对象，定义访问和操作结构化文档（HTML）的方式。

- 创建的结构化文档 ：html，xml等。

- DOM包括：核心DOM，HTML ,DOM ,XML ,DOM。通常情况下HTML DOM和XML DOM是可以相互使用的。

 - HTML DOM 将整个HTML文档呈现成一颗DOM -树-，树中有元素，属性，文本等成员。

（十） document 文档对象：

浏览器加载整个HTML文档形成Document对象，Document对象可以访问和操作HTML文档 中的所有元素。

标签元素的操作 

1，获取元素对象：

根据id获得一个元素：getElementById（id属性值）

根据标签名获得多个元素：getElementsByTagName（标签名称）

根据class属性 获得多个元素：getElementsByClassName（class的属性值）

根据name属性获得多个元素：getElementsByName（name属性值）

2，创建一个新元素 createElement（）

3，将元素放到某个父元素的内部 appendChild（）

4，标签体的获取与设置：innerHTML

（十一）属性的操作：

获得属性值：getAtrribute（name）

设置属性值：setAtrribute（name，value）

删除某个属性：removeAtrribute（name）