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(定时对象) - 清除指定定时对象对应的定时任务
