Javascript知识点总结

JavaScript

DOM document 对象

document.getElementsByClassName() 调用class类
document.getElementById 调用id
document.getElementsByTagName() 获取元素列表
document.getElementsByName() 只能调用输入框的name
document.querySelectorAll（） 调用选择器的第一个元素 id就带# class就带‘.’
Document.querySelector()返回文档中匹配指定的CSS选择器的第一元素

This

在事件触发响应函数时，响应函数指向谁this就是谁

全局变量

全局变量谁都可以调用 局部只能局部调用

（function（）{}）

匿名函数

innerText

获取文本内容 比如

500

获取的就是div的内容

A链接问题

Js中用return false；
静态


可以阻止跳转
取消下划线
a{text-decoration:none}

undefined&null

undefined 是未定义变量
null是数值为空

typeof

检查数据类型

数据类型转换

其他数据转布尔值

使用boolean（）函数
数字—>布尔
除了0和NaN，其余都是true
字符串—>布尔
除了空串，其余的都是true
Null和undefined都会转换为false
对象也会转换为true

Break 和 Continue

Break 跳出循环
Continue 用于跳过循环中的一个迭代

window.onload

加载事件在页面内容加载完成之后立即执行相应的函数

运算符

比较运算符

== 等于
=== 绝对等于（严格）
!= 比较符（1!=2）
!== 不等于

<

=
<=
比较的结果是一个布尔值，用来进行逻辑判断，比如用在if语句中
示例 var x=5,y=3;
if(x>y){
//执行代码
}

逻辑运算符

&& 与
|| 或
！ 非
短路与，短路或

算术运算符

二元运算符

+、-、*、/
+任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

• 可以对两个值进行减法运算，并将结果返回
  -、*、/ 任何值用着三个都需要先转换数组number

一元运算符

定时器

function ***（）{setInterval(function(){

	},1500)

}
//设置时间
***（）； //执行轮播
onmouseenter
当鼠标指针移动到元素上时触发。
onmouseleave
当鼠标指针移出元素时触发
clearInterval(); //清除定时器时间
clearTimeout( ); //停止执行

三元运算符

( ) ? :

Bom

Window尺寸

• window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
• window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)

Window 方法

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口
• window.moveTo() - 移动当前窗口
• window.resizeTo() - 调整当前窗口的尺寸

Window Location

location.href 属性返回当前页面的 URL

location.pathname 属性返回 URL 的路径名。

location.assign() 方法加载新的文档。

History浏览器历史

• history.back() - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击向前按钮相同
• history.go() – 跳转

弹框

alert();
confirm();
prompt();
换行

闭包函数

外部函数可以调用内部函数的变量
需要被调用的函数结尾写 return;
调用者就可以直接用变量，
但有可能被调用的函数中有计算所有与你所需要的值不一定相同，并且占用服务器资源拖慢加载速度（尽量少用）

冒泡排序

1、 比较相邻的两个元素，如果前一个比后一个大，则交换位置。
2、比较完第一轮的时候，最后一个元素是最大的元素。
3、这时候最后一个元素是最大的，所以最后一个元素就不需要参与比较大小。

事件流

3个阶段：

捕获阶段

一个点击事件在页面上 你的鼠标去寻找他就是捕获

目标阶段

鼠标寻找到那个事件鼠标点击就是目标阶段

冒泡阶段。

点击后开始一步一步运行事件里的动作就是冒泡

数据类型判定

Obj {} 花括号里有属性名属性值的就是对象
Arr【】中括号里都是数据 这个也就是数组
A =‘’字符串
A=1 number数字
Turn false 布尔

数组

Tofixed（）方法可把 Number 四舍五入为指定小数位数的数字。

Math.ceil 向上取整

Math.floor 向下取整

isNaN(1) 判断是否不是数字，不是返回true

replace（‘被替换的’，‘新串’） 字符串替换，返回替换后的新串

slice（）切片 根据数组下标

sort() 方法用于对数组的元素进行排序。

Object.keys 获取属性名
Object.values 获取属性值
Object.entries 获取所有


Concat（）；