JS方法总结

js数据类型:(typeof得到变量的数据类型)

String 字符串、

Number 数字
Boolean 布尔、
Array 数组、
Object 对象、
Null 空、
Undefined未定义

js数据转换:
parseInt(); 转数字
parseFloat(); 转小数
toString(); 转字符串


js事件:
onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载

*event(IE,火狐不行),处理兼容 //var event=ev||event;这里的ev就是事件处理对象中的参数
.clientX 得到可视区X轴坐标
.clientY 得到可视区y轴坐标
.keyCode 键盘值
冒泡事件 event.cancelBubble=true;

js操作css样式:
var box = document.getElementById("box"); //获取节点
box.style.display="none"; //操作css样式 通过.style添加的样式和取样式都是行间样式。
如果给元素添加clss属性,则:box.className="cssName";
通过className来添加css属性是样式表中的或者同文件的style中的。
(对于同一个元素,如果操作css样式时,由于样式的优先级问题,尽量操作一种 style/className)
offsetLeft:得到元素的左边距
offsetTop:得到元素的右边距
offsetWhdth:得到元素的宽度
offsetHeight:得到元素的高度

js文本操作:
innerHTML
在写入时,如果写入的内容中包含html代码,会自动进行编译,显示出效果
在取值时,只会得到内容,不会得到标签和innerTEXT相同
innerTEXT
在写入时,如果写入的内容中包含html代码,不会自动进行编译,连同标签一起显示
在取值时,只会得到内容,不会得到标签,和innerHTML相同

js中布尔值的真假:
true: true、非零数字、非空字符串、非空对象
false: false、数字0、空字符串、undefined

js中arguments:当不知道传参个数的情况下,我们通过arguments得到传过来的参数

js数组操作:
push 尾部追加
pop 尾部删除
shift 头部删除
unshift 头部增加
splice(起点,长度) 删除元素(从哪里开始删,删除多少个)
splice(起点,长度,插入的元素) 插入元素(从哪里开始删,需要删除就填个数,0代表不删除只增加,插入的元素)
concat 数组连接
join 数组拼接
sort 数组排序

js日期操作
var dates = new Date(); //创建时间对象
var year = dates.getFullYear(); //得到年
var month = db(dates.getMonth()+1); //得到月
var day = db(dates.getDate()); //得到日
var hour = db(dates.getHours()); //得到时
var min = db(dates.getMinutes()); //得到分
var seconds = db(dates.getSeconds()); //得到秒
var week = weeks(dates.getDay()); //得到星期
setDate 表示一个月中的一天的一个数值
setDate(dates.getDate()+x); 得到x天后的日期

js时间控制
setInterval(函数,时间); //每隔多长时间执行一次函数
setTimeout(函数,时间); //隔多长时间执行一次后结束
clearInterval //清除定时器
clearTimeout //清除时间设定

js获取元素的宽度、高度、左边距、上边距
offsetParent 方法返回或设置匹配元素父级的所有html和css、js
offsetLeft 得到元素的左偏移量,不含padding-left
offsetTop 得到元素的左偏移量,不含padding-top
offsetWidth 得到元素的宽
offsetHeight 得到元素的高
scrollTop 可视区离页面顶部的长度

js中Dome节点
nodeType 得到元素的节点类型,nodeType = 1 代表标签节点nodeType = 3代表文本节点
childNodes 得到元素子节点
children 得到元素子节点,只包括标签节点不包括文本节点
parentNode 得到元素父节点
offsetParent根据不同找到元素父节点,position就是一个不同之处
firstChild、lastChild 元素首个子节点、最后一个子节点(IE6-IE8)
firstElementChuld、lastElementChuld 元素首个子节点(其它高级浏览器)

js中dome节点操作
getAttribute(名称) 获取
setAttribute(名称,值) 设置
removeAttribute(名称) 删除
createElement(标签名) 创建dome节点
appendchild() 在父节点上尾部添加子节点
insertBefor(创建的元素,在哪里插入) 在父节点上头部添加子节点
removechild() 在父节点里删除子节点

js中表格
tBodies[0] 得到第一个table,是document.getElementByTagName("table")的缩写
rows[0] 得到table里面的tr,是document.getElementByTagName("tr")的缩写
cells[0] 得到tr里面的td,是document.getElementByTagName("td")的缩写

js中大小写转换
toUpperCase() 返回一个字符串,该字符串中的所有字母都被转化为大写字母
toLowerCase() 返回一个字符串,该字符串中的字母被转换为小写字母

js查询
seacher() 检索要查询的内容,如果无则为-1,有会得到所在的字符数,可以用于模糊查询

js表单事件
.onsubmit() 表单提交事件(提交时验证)
.onreset() 表单重置
onblur 失焦验证

js中数学函数(Math)
Math.ceil 向上取整
Math.floor 向下取整
Math.round 四舍五入

js阻止默认行为
oncontextmenu 右键菜单事件 return false;阻止右击菜单行为

js事件绑定
*attachEvent(事件类型onclick,函数) 绑定事件(同一个元素可以绑定多个函数)谷歌、火狐不兼容
detachEvent(事件类型,函数) 解除绑定
attachEvent兼容处理:
addEventListener(事件类型click,函数,false)
removeEventListener(事件名称,函数,false)
js事件捕获(IE)
setCapture() 捕获事件
releaseCapture() 清楚捕获事件

js中ajax
1.创建Ajax对象 var oAjax = new XMLHttpRequest(); IE6下 new ActiveXobject("Microsoft.XMLHTTP");
2.连接到服务器 //连接服务器 请求方式 请求地址 是否异步
oAjax.open('GET','text/a.txt',true);
3.发送请求 oAjax.send();
4.接收返回值
4.1 oAjax.readyState 浏览器与服务器交互情况 返回状态码
0 还没有调用open()方法
1 已调用send()方法,正在发送请求
2 send()方法完成,已收到全部响应内容
3 正在解析响应内容
4 响应内容解析完成,可以在客户端调用

js面向对象
prototype 原型:给一组元素添加东西
B继承A的属性:A.call(this);
B继承A的方法:B.prototype = A.prototype;

js中BOM
window.open("xxx"); 新打开页面的地址
window.open("xxx",'_blank'); 新打开页面的地址,新窗口打开
window.close(); 关闭页面,在火狐中不能关闭非脚本语言打开的窗口
window.navigator.userAgent 当前浏览器类型及版本信息
window.location 当前页面地址
window.location = 'xxx' 打开窗口
window.onscroll 当页面滚动时触发
window.onresize 当页面大小改变时触发

js中Cookie
特性: 1个域名只能共享同一套cookie
数量、大小有限
过期时间
储存用法: document.cookie="key=value"; 普通保存
document.cookie="key=value;expires="+date; 有效期内保存
读取用法: var arr = document.cookie.split(';'); //得到cookie数组
for(var i=0;i<arr.length;i++){
var arr2 = arr[i].split('=');
if(arr2[i] == "xxx"){ //当key是我们要的时,value=i+1;
return arr2[i+1]; //
}
}
return ''; //当刚进去没登录的时候返回空
删除cookie:设置过期时间为负数

原文地址:https://www.cnblogs.com/sunsanfeng/p/js.html