JS基础速览

Posted 2021-09-13 小橙子的快乐wu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS基础速览相关的知识，希望对你有一定的参考价值。

简洁版javascript基础速览

变量

var 变量名=变量值；   //定义变量，不赋值为undefined

基本变量
number 数值类型
string 字符串类型
object 对象类型
boolean 布尔类型
function 函数类型
特殊变量
undefined //变量未赋值时默认为此
nulll //空值
NaN //not a number 非数值
```
### 比较运算
```
== 字面值的比较
=== 全等于，除值外还要比较类型
```
### 数组
```
var 数组名=[ ]; //可以赋初值,js中数组自动扩容

创建方式一

function 函数名(形参列表){ 函数体 };

创建方式二

var 函数名=function(形参列表){ 函数体 };

JS函数中存在隐形参数arguments,函数不用定义形参，即可传递实参，并通过arguments[index]在函数体中引用
JS中函数不可重载，直接被覆盖
自定义对象

创建方式一

var 变量名=new Object();
变量名.属性名=值；
变量名.函数名=function(){};    //函数体中可以用this引用属性

创建方式二

var 变量名={属性名：值，
     函数名：function(){}
     }

JS事件

常用事件
onload //加载完成事件，常用于页面加载完后初始化
onclick //单击事件，常用于点击响应
onblur //失去焦点事件，常用于输入框失焦后验证输入是否合法
onchange //内容改变事件，常用于下拉框和输入框内容改变
onsubmit //表单提交事件，表单提交前，验证表单是否合法

事件注册：事件响应后要执行的相应代码

静态注册：在html内赋予响应代码，onclick=func()
动态注册：通过JS→DOM对象→DOM对象.事件名=function(){}

DOM

document对象，从document→html→head/body ...到文本，属性，皆为文本对象。

获取节点
document.getElementById()
document.getElementsByName()
document.getElementsByTagName()
document.createElement(tagName)

通过节点获取属性

childNodes 所有子节点 / firstChild 第一个 / lastChild 最后一个
parentNode 父节点
nextSibling 当前节点的下一个节点 previousSibling 上一个节点
innerHTML 获取或设置从节点开始到结束之间的-内容
innerText 获取或设置从节点开始到结束之间的-文本