字符串相关方法
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。