day25

day25

js基础语法

1.函数

（1）函数的声明

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

调用和python一样

（2）函数的参数

位置参数有效，关键字参数无效，参数默认值有效

不定长参数：声明的时候不需要形参，然后再函数体中通过arguments来获取所有的实参

（3）匿名函数

function(参数列表){函数体}

（4）自调用函数

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

2.对象

对象中主要包含对象属性和方法

（1）创建对象

可以通过声明字面量来创建对象；也可以通过不同的构造函数来创建不同的对象。变量 = 对象字面量

（2）通过构造函数创建对象

变量 = new 构造函数()

（3）prototype

类.prototype.属性名 = 值 —— 给指定类型的所有对象添加属性

---

DOM操作

1.DOM

DOM(Document Object Model)，文档对象模型

js中有一个系统提供的对象叫document，指向整个网页的内容部分

html中的每一个标签，在js中都是document下面的节点，类型是object

2.DOM操作

1.获取元素（标签/节点）

在js中获取html中的标签

（1）根据id获取标签对应的节点

document.getElementBiId(id值) - 返回一个标签对象

（2）根据class值获取节点

document.getElementsByClassName(class值) - 返回一个数组

（3）根据标签名获取节点

document.getElementsByTagName() - 返回一个数组

（4）获取父节点

子节点.parentElement - 返回一个节点

（5）获取子节点

父节点.children - 获取指定节点下所有的子节点（不包括孙子等节点），结果是数组

父节点.firstElementChild - 获取第一个子节点

父节点.lastElementChild - 获取最后一个子节点

2.节点操作

1.创建节点对象

document.createElement('标签名') - 创建指定标签对应的节点

2.添加节点

父标签.appendChild(新标签) - 在指定的标签最后添加一个新的子标签

同一个标签加多次，最后一次有效

父标签.insertBefore(新标签，标签2) - 在父标签中标签2的前面插入新标签

3.删除节点

父节点.removeChild(子节点) - 删除父节点中指定的子节点

节点.remove() - 删除指定节点

4.拷贝节点

节点.cloneNode() - 拷贝指定节点产生一个新的节点（新节点和原节点一样），浅拷贝（不会复制子标签）

节点.cloneNode(true) - 拷贝指定节点产生一个新的节点（新节点和原节点一样），深拷贝（会复制子标签）

5.双标签的文本内容

标签.innerText - 标签中的文字内容

标签.innerHtml - 标签中的内容

---

BOM操作

1.BOM

BOM(Brower object Model)，浏览器对象模型

js有一个默认的内置对象叫window用来表示浏览器

在js中声明的所有的全局变量都是绑定在window上的属性

2.window基础操作

• window.open(url) - 返回一个新的窗口对象
• window.open(url,'_self') 当前页面中刷新出新的窗口
• window.open(url,'','width= , height= ') - 打开一个新的窗口，并且设置窗口的高度
• 窗口对象.close() - 关闭指定窗口
  • window.close() - 关闭当前窗口
• 移动窗口：窗口对象.moveTo(x坐标，y坐标)
• 获取窗口的宽度和高度
  • innerWidth/innerHeight - 取浏览器内容可见部分的宽度和高度
  • outerWidth/outerHeight - 取整个浏览器的宽度和高度

3.弹窗

• window.alert(提示信息) - 提示信息+确认按钮
• window.confirm(问题信息) - 问题信息+确认按钮+取消按钮；返回值是true(确定)或者false(取消)
• window.prompt(提示信息，输入框默认值) - 提示信息+输入框+确定按钮+取消;如果点取消返回值是null，确定返回值是输入框中的内容

---

定时操作

1.

window.setInterval(函数，时间) - 每隔指定时间(毫秒)就调用一次指定的函数，返回一个定时器对象

window.clearInterval(定时对象) - 清除指定定时对象对应的定时任务

2.

window.setTimeout(函数，时间) - 指定时间后调用一次函数，返回一个定时对象

window.clearTimeout(定时对象) - 清除指定定时对象对应的定时任务