luvhl 2020-06-01
1.window对象的常用方法
警示弹窗:window.alert();
确认弹窗:window.confirm(); 返回值是bool类型可以用if语句判断true/false
提示输入框:window.prompt(); 注意:返回值类型是字符串,如果需要计算需要进行类型转换
设置定时器:setInterval(你要调用的方法,每隔多少毫秒调用一次)
删除定时器:clearInterval();
2.跳转
location.href="文档所在地址的URL地址";
3.DOM模型
使用getElementById方法查找元素:1.通过document.getElementById获取到js对象
2.获取对象后可以通过获取元素节点的属性节点的值=js对象.value(属性名)
3.获取元素节点的文本节点的值=js对象.innerHTML;
页面加载完成后执行window.onload=function(){
需要页面加载完成后执行的代码
}
注意:window,onload一个页面只能写一个
通过节点关系查找html元素: 获取父节点:parentNode
获取当前节点的前一个兄弟节点:previousSibling
获取当前节点的后一个兄弟节点:nextSibling
获取当前节点的所有子节点:childNodes 注意:是数组类型
获取当前节点的第一个子节点:firstChild
获取当前节点的最后一个子节点:lastChild
返回当前节点的具有指定标签名的所有子节点:getElementsByTagName(tagName) 注意:是数组类型
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children