首页 > 代码库 > 【4-1】js函数、事件、补充知识

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

一、函数操作

(一)字符串操作:

(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();

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