javascript基础DOM

叁歲伎倆 2022-05-17 01:18 201阅读 0赞

## javascript基础DOM ##

**Object**  
属性：constructor  
方法：hasOwnProperty(name)、isPrototypeOf(object)、propertyIsEnumerable(propertyName)、toLocalString()、toString()、valueOf()

**函数**  
函数里都有的方法：appl()、call()、toString()  
函数有个arguments对象，它有这些属性：length、callee、caller  
指针标识：this、prototype、constructor

**运算符**  
算术运算符：+、-、*、/、%、+=、-=、*=、/=、%=  
自增与自减：++、–  
关系运算符：<、<=、>=、>、==、!=、===、!==  
对象运算符：in、instanceof、new、delete、. 、\[\]、()  
逻辑运算符：！、&&、||  
位运算符：逻辑位运算~、&、|、^；位移操作<<、>>、无符号右移>>>  
其它运算符：?: 、typeof、，逗号运算符 、void

**数组**  
基本操作：删除数组delete arr\[0\]、遍历数组for(var item in arr)  
数组属性：constructor、length、prototype  
添加：push()、unshift()、concat()  
删除：pop()、shift()  
子数组：splice()、slice()  
数组排序：reverse()、sort()  
数组转换：toString()、toLocaleString()、join()  
位置方法：indexOf()、lastIndexOf()  
缩小方法：reduce()、reduceRight()  
迭代方法：every()、filter()、forEach()、map()、some()

**String对象**

*  查找方法：  
    字符方法：charAt()、charCodeAt()、fromCharCode()  
    位置方法：indexOf()、lastIndexOf()  
    匹配方法：match()、search()、replace()、split()
 *  操作方法：  
    拼接：concat()  
    截取：下标截取slice()和substring()(遇到负值前者与字符串长度相加，后者转化为0)、长度截取substr()（遇到负值第一个参数与字符串长度相加，第二个转换为0）  
    空格处理：trim()、trimleft()、trimRight()  
    比较方法：stringObject.localeCompare(target)
 *  编码方法：  
    字符串常规编码与解码：escape()和unescape()  
    URI字符串编码与解码：encodeURI()和decodeURI()  
    URI组件编码与解码：encodeURIComponent()和decodeURIComponent()
 *  转换方法：  
    转为大写：toUpperCase()和toLocaleUpperCase()  
    转为小写：toLowerCase()和toLocaleLowerCase()

**document对象**

*  获取节点  
    document.getElementById()；document.getElementByName()；document.getElementByTagName()=返回 HTMLCollection 对象  
    document.querySelectorAll()=大部分浏览器返回NodeList对象；document.querySelector()=仅仅返回匹配指定选择器的第一个元素;
 *  父子兄弟关系  
    firstChild、lastChild、childNodes、previousSibling、nextSibling、parentNode  
    children获取的是元素的实际标签直接子元素  
    childNodes获取的是元的所有直接子元素，包含隐藏的文本标签，其中undefined 就是隐藏的文本标签
 *  节点操作  
    appendChild()、insertBefore()、removeChild()、replaceChild()
 *  属性操作  
    getAttribute()、setAttribute()、removeAttribute()
 *  文本操作  
    向文本节点的指定位置插入数据：insertData(start,string)  
    将数据插入到文本节点末尾处：appendData(string)  
    从start起删除count个字符：deleteData(start,length)  
    替换文本节点的数据：replaceData(start,length,string)

**window对象**

*  navigator  
    appCodeName、appName、appVersion、cookieEnabled、platform、userAgent
 *  screen  
    avaliHeight（显示屏幕的可用高度）、avaliWidth（显示屏幕的可用宽度）、height（返回屏幕的像素高度）、width（显示屏幕的像素宽度）、colorDepth（屏幕颜色的位数）
 *  history  
    back()、forward()、go()
 *  location
 *  document
 *  窗口控制  
    moveBy()、moveTo()、resizeBy()、resizeTo()、scrollBy()、scrollTo()
 *  焦点控制  
    focus()、blur()
 *  打开关闭窗口  
    open()、close()
 *  定时器  
    setTimeout()、clearTimeout()、setInterval()、clearInterval()
 *  对话框  
    alert()、confirm(str)、prompt(msg,defaultText)
 *  属性  
    \*\*IE：\*\*screenLeft(声明窗口的左上角的X坐标)、screenTop(声明窗口的左上角的Y坐标)、document.body.scrollLeft和document.documentElement.scrollLeft(声明当前文档向右滚动过的像素数)、document.body.scrollTop和document.documentElement.scrollTop(声明当前文档向下滚动过的像素数)  
    \*\*!IE：\*\*screenX（声明窗口的左上角的X坐标）、screenY（声明窗口的左上角的Y坐标）、pageXOffset（声明当前文档向右滚动过的像素数）、pageYOffset（声明当前文档向下滚动过的像素数）  
    \*\*IE 8 及更早 IE版本不支持：\*\*innerHeight（返回窗口的文档显示区的高度）、innerWidth（返回窗口的文档显示区的宽度）、outerHeight（返回窗口的外部高度）、outerWidth（返回窗口的外部宽度）