javascript基础DOM

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（返回窗口的外部宽度）