JS相关属性和方法

字符串相关方法

String() ，Object.toString()

强制转换为字符串

Number()

转为数字类型，如果含有字符，则转为NaN

parseInt()

转为整形，从数字开始，到底一个非数字结束

parseFloat()

转为浮点型，从数字开始，到底一个非数字结束

Boolean()

转为bool类型

字符串对象

indexOf('子字符串')

返回子字符串abc在字符串中第一次出现的位置（从0开始计算），不存在返回-1

lastIndexOf('abc')

返回子字符串abc在字符串中最后一次出现的位置（从0开始计算），不存在返回-1

备注：indexOf和lastIndexOf既可以在字符串中使用，还可以在数组中使用

substr(起始位置,[截取长度])

截取不写则代 表截取到字符串未尾

substring(起始位置,结束位置)

不包括截取结果的右边界字符

replace('子字符串1','子字符串2')  

将字符串中子字符串1替换为子字符串2

charAt(n)

获取指定位置的字符  

toLowerCase()

toUpperCase()

转换大小写

split(分割符)

将字符串分割为数组

bold()加粗    italics()斜体   strike()删除   fontcolor('#f00')    fontsize(1-7)

显示字符串效果

link(url)

设为超链接

日期时间对象

toLocaleString()  

toLocaleDateString()

toLocaleTimeString()

将日期转为字符串

getYear()

两位的年(2000年前)或三位的年[1900]

getFullYear()

四位的年

getMonth()月份+1(0-11)

getDate()日

getHours()小时

getMinutes()分钟

getSeconds()秒

getTime()1970 年 1 月 1 日至今的毫秒数

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。

getDay() 星期（0 ~ 6 周日 ~ 周六）

数组对象

Array.length（string）属性

获取数组的长度

toString()

将数组转换为字符串，以逗号连接

join('连接符')

将数组元素连接成字符串

concat(数组1,数组2,.......)

连接多个数组返回新数组

unshift(值,......)

头部追加   

push(值,......)

尾部追加

shift()

删除第一个元素

pop()

删除最后一个元素

splice(开始位置,长度,[新元素,新元素,......])

返回包括删除元素的数组

sort()

将数组元素升序排序

reverse()    

颠倒数组中的元素

数学对象

Math.round(number)

四舍五入整数

Math.ceil(number)

向上取整

Math.floor(number)

向下取整

Math.random()

随机返回0.0~1.0之间的数

Math.max(x,y)

求最大值

Math.min(x,y)

求最小值

Math.pow(x,y)

求x^y

鼠标事件

onclick

鼠标点击某个对象

ondblclick

鼠标双击某个对象

onmouseover

鼠标被移到某元素之上

onmouseout

鼠标从某元素移开

onmousemove

鼠标被移动

onmousedown

某个鼠标按键被按下

onmouseup

某个鼠标按键被松开

键盘事件

onkeypress

键盘的某个键被按下

onkeydown

键盘的某个键被按下或按住

onkeyup

键盘的某个键被松开

光标事件

onfocus

元素获得焦点

onblur

元素失去焦点

表单事件

onsubmit

提交按钮被点击

onreset

重置按钮被点击

onselect

文本内容被选定

onchange

用户改变表单元素的内容

加载事件

onload

页面或图像加载完成

onunload

用户退出页面   

页面事件

document.documentElement.clientHeight

文档可视区域高度(屏幕的高度)

document.documentElement.scrollHeight

文档高度(整个html页面的高度)

document.documentElement.scrollTop

文档滚动高度(火狐|IE有效|360有小数点)

document.body.scrollTop

文档滚动高度(360有效)

x=event.clientX;   Y=event.clientY

获得当前坐标的X，Y坐标

window对象弹出窗口

alert("信息内容")

弹出一个警告框

confirm("信息内容")

弹出一个确认对话框

prompt("信息内容",["默认输入内容"])

弹出一个提示对话框

window对象任务计划

setInterval("javascript语句",毫秒)

周期性执行计时器（执行多次）

clearInterval(计时器)

取消计时器

setTimeout("javascript语句",毫秒)

定时执行计时器(只执行一次)

clearTimeout(计时器)

取消计时器

Window窗口对象

open([url],[_blank],[width|height|left|top])

打开新页面

close()

关闭当前页面

closed

返回一个布尔值，用于判断窗口是否已经关闭。

moveTo(x,y)

移动窗口到指定坐标

moveBy(x,y)

相对当前位置移动

resizeTo(x,y)

窗口大小调整到指定宽高

resizeBy(+w,+h)(可以是正、负数值)

窗口大小增减宽高

location对象属性方法

window.location="http://www.xinlanjian.com.cn" 对象属性

重定向到指定页面

pathname

返回当前页面的路径和文件名。

href

返回当前页面的 URL

hostname

返回域名

port

返回端口

protocol

返回协议

search

返回传值部分

location对象方法

reload([true|false])

从服务重新加载页面，true为绕过缓存,默认为false

replace("url")

跳转到新页面

appName

返回浏览器的名称

navigator对象

appVersion

返回浏览器的版本号

browserLanguage

返回当前浏览器的语言。

platform

返回运行浏览器的操作系统或硬件平台

cookieEnabled

检测浏览器是否支持Cookie。该属性值为布尔类型，如果浏览器支持Cookie则返回true，否则返回false

userAgent

Screen对象

height

屏幕的高度，单位为像素

width

屏幕的宽度，单位为像素

colorDepth

颜色深度

availHeight

显示器可用的屏幕高度，单位为像素。（不含任务栏）

availWidth

显示器可用的屏幕宽度，单位为像素

history对象

length

浏览器窗口的历史列表中的网页个数

go(num)

该方法可以直接跳转到某一个已经访问过的URL。该方法中可以包含两种参数，一种参数是要访问的URL在历史列表中的相对位置；另一种参数为要访问的URL的子串

forward()

该方法可以前进到下一个访问过的URL,等价于go(1)

back()

该方法可以返回到上一个访问过的URL,等价于go(-1)

DOM节点 

Obj.nodeName节点名称

元素节点的 nodeName 与标签名相同 DIV

属性节点的 nodeName 是属性的名称

文本节点的 nodeName 永远是 #text  元素节点的文本内容

Obj.nodeValue 节点值

元素节点的 nodeValue 是 null  

文本节点的 nodeValue 是 文本自身

属性节点的 nodeValue 是 属性的值

Obj.nodeTyp节点类型

整个文档是一个文档节点   9

每个 HTML 标签是一个元素节点  1  

每一个 HTML 属性是一个属性节点  2  

包含在 HTML 元素中的文本是文本节点  3

注释属于注释节点   8

获取节点

document.getElementById("ID")

document.getElementsByTagName("标签名称")

document.getElementsByClassName("类名");

document.getElementsByName("name属性值")

document.querySelector("#demo") 方法返回文档中匹配指定 CSS 选择器的一个元素。

document.querySelectorAll(".example") 方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象

获取元素节点

obj.attributes[0|'id']; //获取对象的所有的属性的集合

obj.getAttribute(“id”); //获取指定属性名的属性值

obj.getAttributeNode(“id”)  //从当前元素中通过名称获取属性节点

获取属性节点

节点对象.parentNode

父节点

节点对象.childNodes

获取子节点

节点对象.children

获取元素中的子元素对象，不要文本

节点对象.firstChild

获取第一个子节点

节点对象.lastChild

获取最后一个子节点

节点对象.previousSibling

获取前一个兄弟元素

节点对象.nextSibling

获取下一个兄弟元素

节点对象.elements

返回包含表单中所有元素的数组

设置元素节点对象属性

方法1：元素对象.属性名='属性值'

方法2：元素对象.setAttribute('属性名','属性值')

移除元素对象属性

removeAttribute("name")

改变节点

元素对象.innerHTML

从开始标签-结束标签包括html标签

元素对象.outerHTML

innerHTML的全部和标签本身

元素对象.innerText

只获取元素总的文本内容

表单元素对象.value

获取某个input框中的值

创建添加元素节点对象

createElement(tagName)

创建标记名tagName的Element节点。Element节点可以包含文本子节点和属性子节点

createTextNode(text)

创建包含文本text的文本节点，返回得到的节点

appendChild(node)

向当前节点添加子节点，子节点被添加在子节点列表的尾部。

insertBefore(new,current)

在current节点前插入new节点。

删除子节点对象

父节点对象.removeChild("子节点对象")

节点对象.remove() //移除当前元素

替换子节点对象

父节点对象.replaceChild("新节点","旧节点")

js正则

RegExpObject.test(string)

检索字符串是否匹配。返回 true 或 false

bool RegExpObject.exec(string)

检索字符串中指定的值。返回找到的值，并确定其位置。

stringObject.match(regexp)

检索字符串 以找到一个或多个与 regexp 匹配的文本。 regexp 具有标志 g则全局匹配，否则只匹配一次

stringObject.replace(regexp,replacement)  替换

stringObject.split(separator,howmany)   分割成数组

stringObject.search(regexp)

检索字符串中第一个与 regexp 相匹配的子串的起始位置。如果没有找到任何匹配的子串，则返回 -1。