4-1js函数事件补充知识

Posted 2020-09-08 瀚城老爷子

一、函数操作

（一）字符串操作：

（1）变量名.toLowerCase（）；--转小写     toUpperCase（）；----转大写

（2）变量名.substring(索引，截取到位数);----从索引开始截取到写入位数

（3）变量名.substr(索引，个数);---从索引开始截取几个字符串长度，不写后面数字截取到末尾

（4）变量名.split(‘字符’);---将字符串按照指定的字符拆开

（5）变量名.indexOf（“字符串”）；---字符串第一次出现的索引，没有返回-1

（6）变量名.lastIndexOf（“字符串”）；字符串最后一次出现的索引

（二）时间日期操作

时间操作需对象实例化

（1）变量名.getFullYear;--取年分

（2）变量名.getMonth（）；--取月份，取出来的少1

（3）变量名.getDate（）;--取天

（4）变量名.getDay();---取星期

（5）变量名.setFullYear（）；---设置年份，设置月份时需加1

（三）数学函数操作

（1）Math.ceil();---取小数上限

（2）Math.floor();---取小数下限

(3)Math.random();---随机0-1之间小数

注：Math.ceil（Math.random（））取整型随机数，可取到上限取不到下限

floor--取到下限，取不到上限

二、事件

（1）onclick:鼠标点击事件

（2）ondblclick:鼠标双击事件

（3）onmouseover:鼠标移入触发

（4）onmouseout:鼠标移除触发

（5）onfocus:获取焦点（光标）时触发

（6）onblur:失去焦点触发

（7）onkeydown:按键按下时触发

(8)onkeyup:按键抬起时触发

三、补充

（1）window.onload:写在html开头，先读取要获取元素再读body内容

（2）window.onresize:浏览器尺寸改变操作

（3）document.documentElement.clientwidth--获取浏览器宽度

（4）document.documentElement.clientheight--获取浏览器度高

阻止冒泡：

window.event ? window.event.cancelBubble = true : e.stopPropagation();