JS基础学习总结

window.alert()弹出警告框

document.write()将内容写到html文档中

innerHTML修改html中的元素

console.log()写到浏览器控制台，一般调试功能用

string()强制转换字符串型

object.tostring()将当前对象以字符串的形式返回

number()强制转换数字型

parseLint()强制转换整数型

parseFloat()强制转换浮点型

boolean()或!强制转换布尔型

function关键字(功能的意思)，用来定义一个函数

return返回值

event  window下的一个事件

escape() 编码函数 变成一些看不懂的编码进行传输

unescape()解码函数 把编码进行解码

eval()求值函数 将字符串按程序执行

isNaN()数值判断函数 判断变量是否部位数字型变量

length属性:是来拿一些值的长度和多少

String对象以下函数：

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

lastlndexOf（’子字符串’）返回子字符串abc在字符串中最后一次出现的位置

截取

substr(起始位置，[截取长度]) 截取不写则代表截取到字符串末尾

substring（起始位置，结束位置）不包括截取结果的右边界字符

替换

replace(‘子字符串1’，’子字符串2’) 将字符串中子字符串1替换为字符串2[如果有多个字符串但是用这样的替换只能换掉第一个，如果有多个字符串使用正则表达式例：（/子字符串1/g,’子字符串2’）]

charAt（n） 获取指定位置的字符

toLowerCase() 大写转小写

toUpperCase() 小写转大写

split() 将字符串分割为数组

Array对象以下函数：

toString() 将数组转换为字符串，以逗号隔开

join(‘连接符’) 将数组元素连接成字符串

concat(数组1，数组2，……) 连接多个数组，返回新数组

unshift(值，……) 追加元素，头部追加

push(值，……)  追加元素，尾部追加

shift() 删除第一个元素

pop() 删除最后一个元素

删除元素或删除并插入新元素

splice(开始位置，长度[新元素，新元素，…..])  返回包括删除元素的数组

sort() 将数组元素升序排序

reverse() 颠倒数组中的元素

Math对象以下函数：

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

Date对象：

将日期转为字符串

toLocaleString()    //2017/4/19 上午5:40:06

toLocaleDateString() //2017/4/19

toLocaleTimeString() //上午5:41:40

getYear()              //两位的年(2000年前)或三位的年

getFullYear()          //四位的年

getMonth()          //月份 0-11

getDate()           //日

getHours()         //小时

getMinutes()     //分钟

getSeconds()    //秒

getDay()        //星期  0~6

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

鼠标事件

onclick() 鼠标点击某个对象

ondblclick()  鼠标双击某个对象

onmouseover()鼠标被移到某元素之上

onmouseout()鼠标从某元素移开

onmousemove()鼠标被移动

onmousedown()某个鼠标按键被按下

onmouseup()某个鼠标按键被松开

键盘事件

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

onkeyup键盘的某个键被松开

光标事件

onfocus元素获得焦点

onblur元素失去焦点

表单事件

onsubmit  提交按钮被点击

onreset 重置按钮被点击

onselect  文本内容被选定 可以针对某个元素进行触发

onchange用户改变表单元素的内容  可以针对某个元素进行触发

false阻止默认事件

加载事件

onload 页面或图像加载完成

onunload用户退出页面

滚动事件

onscroll窗口发生滚动

document.documentElement.clientHeight/clientWidth文档可视区域高度/宽度

window.innerHeight/innerHeight 文档可视区域高度/宽度

document.body.clientHeight (不含body的margin) 文档高度/宽度

clientHeight/clientWidth 元素高度/元素宽度（不含边框）

document.documentElement.scrollHeight/scrollWidth (含body的margin)文档高度/宽度

scrollwidth/scrollheight元素的总宽度和总高度 只读属性

document.documentElement.scrollTop 文档滚动高度(火狐|IE有效)

document.body.scrollTop 文档滚动高度(谷歌有效)

scrollLeft：与scrollTop描述一样，只是向左滚动的距离

offsetHeight/offsetWidth元素高度/元素宽度（含边框）只读属性

window对象的属性

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

Status属性值为字符串，可以用来改变状态栏的内容

window对象方法

alert("信息内容")弹出一个警告框

confirm("信息内容")弹出一个确认对话框，返回true/false

prompt("信息内容",["默认输入内容"])弹出一个提示对话框，返回输入内容

计时器

setInterval("javascript语句",毫秒) 周期性执行计时器（执行多次

clearInterval(计时器名称) 取消计时器

setTimeout("javascript语句",毫秒) 定时执行计时器(只执行一次)

clearTimeout(计时器名称) 取消计时器

open([url]地址,[_blank]打开方式,[width|height|left|top]) 打开新的窗口

close() 关闭当前窗口

location(url)打开一个新窗口

location对象的属性:

href返回当前页面的 URL

port返回端口

protocol返回协议

hostname返回域名

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

location对象方法:

replace("url")跳转到新页面

节点对象.nodeType 判断节点类型 元素返回1 属性返回2

节点对象.nodeName 查找节点名称

document.getElementById("ID") 整个元素

document.getElementsByTagName("标签名称") 整个元素

document.getElementsByClassName("类名"); 只要是类名一样的全获取

document.getElementsByName("name属性值") 整个元素

带S的后面要跟中括号[]写代表有多个

document.documentElement 获取整个html文档

document.head 获取head元素里的

document.title   获取标题文字

document.body 获取body元素里的

document.all    获取对象元素集合

document.forms 获取表单

document.images 获取图片元素

document.links 获取连接

document.anchors  获取锚点链接

节点对象.parentNode  获取节点对象上一级父元素

节点对象.childNodes  获取节点对象下一级父元素

节点对象.firstChild    获取节点对象第一个子节点

节点对象.lastChild    获取节点对象最后一个子节点

节点对象.previousSibling   获取节点对象上一个节点

节点对象.nextSibling    获取节点下一个节点

表单对象.elements  表单所有元素节点

元素对象.tagName 获取元素节点对象标签名

元素对象.nodeName获取元素节点对象标签名

nodeName 是只读的

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

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

3）文本节点的 nodeName 永远是 #text

4）文档节点的 nodeName 永远是 #document

5）空格跟回车也属于节点

元素对象.innerHTML获取及设置元素节点对象内容

元素对象.outerHTML 获取及设置元素节点对象内容

元素对象.textContent获取及设置元素节点对象内容

表单元素对象.value获取及设置元素节点对象内容

元素对象.style.css属性名="属性值"获取及设置元素节点对象样式

创建元素节点对象

document.createElement("标签名称")

父节点对象.appendChild(子节点)

父节点对象.insertBefore(新子节点, 子节点）

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

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

window.event：varx=e.clientX; //鼠标x坐标

var y=e.clientY; //鼠标y坐标event.keyCode   event的键盘属性