DHML模型
window代替global充当全局变量封装所有的BOM 和 DOM 的 APIhistory封装当前窗口打开后的历史记录栈location封装了当前窗口正在打开的url对象navigator封装浏览器的配置信息documentDOM元素screen封装了显示设备的信息event封装了事件对象 window对象 打开和关闭窗口 window.ope…
BOM模型
history 封装当前窗口打开后成功访问过的URL的历史记录站history.go(n) //前进 history.go(1) // 后退 history.go(-1) // 如果失效就go(-2) // 刷新 history.go(0) location 封装当前窗口正在打开的url属性 .href // 保存完整的url .protocol …
HTML DOM 对象
Image ​ 代表网页的一个img元素var img = new Image() Select/Opitons 属性.options : 获取select下所有的option对象.option.length : 表示select下option的个数.length : 可以直接获取option的个数.value :有两种情况如果选中的option没…
DOM AIP 集合
getBoundingClientRect() 该方法返回元素的大小及相对于视口的位置element.getBoundingClientRect() 持续更新中 ...
修改元素
修改内容 ​ 获取或修改html代码片段element.innerHtml获取或修改文本element.textContent去掉内嵌的子标签,只返回文字将转义字符转入正文// IE8 element.innerText 修改属性 核心DOM访问属性获取属性值var value = elem.getAttribute("属性名")修改属性值elem…
元素查找
按节点关系查找 节点树一切文本对象都是节点对象,包括空字符串父子关系 elem.parentNode // 获取父节点 elem.childNodes // 获取所有直接子节点 elem.firstChild // 获取第一个子节点 elem.lastChild // 获取最后一个子节点 兄弟关系 elem.previousSibling // 获…
删除和增加
创建新元素var elem = document.createElement("标签名")设置关键属性a.herf = "url"将新元素添加到DOM树追加: 在父元素的结尾添加新元素javascript parent.appendChild(elem)插入: 在现有子元素之前插入新元素javascript parent.insertBefore(…
Object扩展
属性的简洁表示法 { //简洁表示法 let a = "hello word" let obj = { a } console.log(obj) //hello word } 属性名表达式 { //属性名表达式 let foo = "test" let obj = { [foo]:foo, //[key] ===> 取得是变量…
number类型
es5中的 parseInt() parseFloat() 都在全局对象下(window) Number.parseInt() // 取整数 Number.parseFlote() //取小数 Number.isFinite() //检查一个数值是否有限 Number,isNaN() // 检查一个数值是否是NaN Number.isInteger…
JSON对象
JSON.stringify() 将一个值转换为json格式 注意: 改API对数组无效 第二个参数可以是一个函数 JSON.stringify({a:1,b:2}) //{a:2,b:4} toJSON 用法如果参数对象有自定义的toJSON方法,那么JSON.stringify会使用这个方法的返回值作为参数,二忽略原对象的其他属性 var us…