js基础笔记

JavaScript的主要职责：负责用户跟网页之 间的所有交互，具体来讲，大致包含以下部分： 响应鼠标的点击、悬停等动作并实现相 应的功能，比如搜索、登录、注册等

实现酷炫的动画效果：网页上一些动画

也是有js的参与，而跟鼠标有关联的动画会 使用了大量js代码来完成 提交数据和获取服务器传过来的数据。 比如点击登录按钮后会将用户数据发送至服 务器并接受服务器传过来的数据。

JS主要由以下三部分组成： 核心（ECMAScript）：它规定了JavaScript 这门语言的一些组成部分：语法、类型、语句、 关键字、保留字、操作符、对象。它是JavaScript 的核心部分。

文档对象模型（DOM）：专门用于完成和

网页之间的交互

浏览器对象模型（BOM）：主要用于对浏

览器窗口进行一些操作，比如设置窗口大小， 回滚上一页、打开新窗口等。

 

js代码要在script标签里执行的，可以放在 body head 外部引入

输出：document.write（内容）；内容 要加上引号 注释：//单行注释//，/多行注释/ typeof：输出数据类型 prompt：输入 的内容是字符串 加引号输出的是字符串，数字不用加引号， 输出的是数字类型。

变量：保存数据的容器。 用var来定义变量（var 变量名= 值） 变量命名规则： 1、大小写字母开头，数字可以在中间或结尾 2、也可以以下划线和$开头，不建议使用 3、变量名不能使用关键字、保留字 4、大小写字母分别表示不同的变量

数据类型：数字（Number）、字符串（string）、数组 数组：[ ].数组可以存储多个数据，具有下标， 下标从0开始，最后一个下标是长度减去1

运算符： 算术运算符：+ - * /(除) %(取余) ++（递增） --（递减） 赋值运算符：= += -= *= /= %= 关系运算符：== ===(绝对等于：值和类型相等) !=（不等于） !==(判断数据类型) > < >= <=

逻辑运算符：&&（与/且） || （或）！（非）

流程控制： 条件结构：if语句 分支结构：switch case 语句，数据类型须一致。 循环结构：for语句、while语句、do/while语句

break：结束循环，之后的代码不会在执行。 content：结束当前循环。

函数：实现代码的重复使用，减少代码冗杂。 需定义函数。function myFunction（）{ }

函数命名规则：关键字、保留字不能用，不要使用数字 函数名后面括号里定义形参，定义几个参数，在调用时就需要传入几个。 函数的调用：调用时使用，：函数名（），函数如果定义了参数，调用时一定要传入参数 而且传入的参数 return 函数的返回值

全局变量：定义在函数体外面的变量。可以在任意地方使用。 局部变量：定义在函数体里面，只能在函数体里使用。

 

html DOM：文档对象模型。当网页被加载时，浏览器会创建页面的文档对象模型，形成一个DOM树。

js提供三种方式获取元素：优先选择id。 1、id定位元素修改 getElementById 2、通过标签修改 getElementsByTagName 返回的是一个元素对象的集合，以数组的形式来保存， 要改变其中某个标签的内容需要使用如下：var z = document.getElementsByTagName("p"); z[1].innerHTML="这是又改变过的内容";

 3、通过类来选择  getElementsByClassName