js笔记
window常用属性innerWidth、innerHeight获取浏览器内部使用可视距离的宽高
screenLeft、screenTop获取浏览器距离屏幕左边和上面的距离
screen.width、screnn.height获取屏幕的宽度和高度
open(‘”网址”):打开新的窗口
close():关闭当前窗口
Input 常用类型button:按钮 checkbox:复选框 color:颜色 date:年月日Email:邮件 file:文件 image:图片为提交按钮 radio:单选range:数字型扣件 number:数字 password:密码 submit:提交
事件oninput 当input里的内容发生变化时就会触发
onchange 当input里的内容发生变化就会出发(不需要失去焦点)onfocus 当input获得焦点时触发 focus()主动获得焦点onblur 当input失去焦点是触发 blur()主动失去焦点offset系列和client系列
Js可以使用offset和client两种属性快速获取元素的可视距离
offset对应的是width/height+padding+border的值
offsetleft/offsettop:就是这个元素左边框到自己offsetParent对象的左/上边框的距离client对应的是width/height+padding的值
Event对象
event.clientX 事件被触发时鼠标指针对于浏览器页面的水平坐标
event.clientY 事件被触发时鼠标指针对于浏览器页面的垂直坐标
字符串方法
str.substring(a,b)从第a位开始截取,截取到b位,如果参数只有一个,那么就从第一个参数的位置一直截取带到最后面
str.substr(a,b)从第a位开始截取,截取b位,如果参数只有一个,那么就从第一个参数的位置一直截取带到最后面
str.slice(a,b)从第a位开始截取,截取到b位,如果参数只有一个,那么就从第一个参数的位置一直截取带到最后面
str.chatAt()通过给与下标的方式获取字符串,常用str[]这种形式str.concat()进行字符串拼接,常用+号的形式进行字符串拼接
str.toUppCase()和str.toLowerCase()来操作大小写的转化,只作用于英文str.indexOf()查找索引的方法,没有的话返回-1 str.lastIndexOf()从后往前找
str.replace(‘a’,’b’)替换内容方法,a替换为b,只能替换第一个
str.replaceAll()替换所有的
str.trim()去掉前后空格,str.trimLeft(),str.trimStart()去掉前面的空格,str.trimEnd(),str.trimRight()去掉后面的空格,
str.split()字符串转数组,参数可以把指定字符串转成数组同时切割,如果参数里面的字符串没有,那么就会把整体字符串变成一个数组,第二个参数则是切割后的最大长length,会自动删除多余的内容
数组方法
arr.unshift和arr.push分别是在数组首部和尾部插入内容,返回的是新数组的长度,注意会该改变原数组的内容
arr.shift()和arr.pop()分别是在数组首部和尾部删除内容,返回的是删除的内容,原数组的内容会被改变
arr.concat()进行数组链接,返回一个新数组,参数不限定是数组
arr.indexOf()和arr.lastIndexOf()分别是从数组的前面和后面开始查找指定内容的索引(下标),
indexOf()的第二个参数是指定数组的第几位开始查找,lastIndexOf()第二个参数是指从0位到第几位,并且从后面开始查找
arr.reverse()倒序数组的内容,不会改变原数组的内容,会返回新的数组
arr.join()把数组转化为字符串,如果没有参数则通过逗号进行链接
arr.slice()截取数组
arr.splice()第一个参数为第几位开始操作,第二个参数为删除几个,第三个参数及之后为参加的内容
arr.sort(fuction(a,b){return a-b})从小到大排序,b-a从大到小排序,返回新数组
arr.forEach(fuction(item,index,arr){console.log(item)})数组循环方法,需要传入一个函数,函数的第一个参数是内容,第二个是下标,第三个是原数组
json
JSON.stringify() json转字符串JSON.parse() 字符串转json
delete json.属性 使用delete关键字进行对象属性值的删除,删除成功返回true,失败返回false
for in循环,一般用于循环json对象,用法for(var key in json){console.log(key,json.key)}
在js中我们可以使用in关键字来检测属性有没有在对象中,有则返回true,没有返回false
js事件
addEventListener(‘click’,fuction,true)绑定事件监听,如果第三个参数是true那么会在事件捕获的时候触发,很少用
removeEventListener(‘click’,函数名)
事件委托/代理 event.target||event.srcElement部分ie浏览器不支持event.target属性的
onresize 触发浏览器重置事件
onscroll触发滚动事件 overflow:auto溢出出现滚动条,可以通过DOM元素的scrollTop和scrollLeft来查看和设置滚动距离,查看浏览器的滚动距离需要用到html元素