(一)函数
1.字符串函数:
s.toLowerCase() --- 转换成小写 s.UpperCase --- 转换成大写
s.substr(3,6) --- 从下标是4的开始截取,截取6个字符,如果不写后面的数字,直接截取到最后(字符串截取主要用这个)
s.substring(3,6) --- 从字符串的位置第三个截取到第五个(包含3,5,不是下标,是位置)
s.split(‘ ‘); --- 将字符串按照指定的字符拆开 ,比如中间是逗号,就将不是逗号的全部拆出来
var s = ‘a,b,c,d‘; var d = s.spilt(‘,‘) d就成了一个数组了,里面包含a,b,c,d这几个字符
s.length --- 字符串的长度
s.indexOf(‘aaa‘); --- aaa在字符串中第一次出现的位置,如果没有返回-1;
s.lastIndexOf(‘a‘); --- a在字符串中最后出现的位置
2.时间日期函数:
var a = new Date() --- 当前时间
var d = new Date(1999,3,2); --- 定义一个时间,显示的时间是1999年4月2号 注意时间月份要加1
d.getFullYear(); --- 取年份 d.getMonth(); --- 取月份,取出来的少1 d.getDate(); -- 取天
d.getDay() --- 取星期几 d.getHouse(); --- 取小时 d.getMinutes(); --- 取分钟
d.getSeconds(); --- 去秒
d.getFullYear(); --- 设置年份,设置年份的时候注意加1;
3.数学函数:
Math.ceil(); --- 去上限 Math.floor(); --- 取下限
Math.sqrt(); --- 开平方 Math.round(); --- 四舍五入
Math.round(); --- 随机数0-1;包含0,不包含1;
4.小知识
外面双引号,里面的改为单引号,或者加转义字符
文本框中取出来的值是字符串,需要用parseInt() 转化为数字
s.match(reg);s代表一个字符串,reg代表一个字符串,2者进行匹配,如果2个字符串不匹配,返回null
相当于s==reg,如果双等号12==‘12’是相等的,原因是隐式转换 === 是恒等于 12===‘12’ 返回的是null
(二)事件
1.onclick 鼠标点击事件
2.ondbclick 鼠标双击事件
3.onmouseover 鼠标移入事件
4.onmouseout 鼠标移出事件
5.onmouseove 鼠标在上面移动是触发
6.onchange 只要内容改变触发 onblur 失去焦点是触发 这2个效果一样
7.onfocus 获得焦点是触发
8.onkeydown 按键按下的时候触发
9.onkeyup 按键抬起来的时候触发
补充
1.window.onload(){} --- 全部运行完了,在执行js代码
2.var wid = document.documentElement.clientWidth; --- 获取客户端的宽度
也可以获取客户端的高度,距离上,左的距离
3.window.onresize = function(){} --- 大小一改变,触发时间,可以用来记录客户端(窗口,不是全部网页)改变大小的高度和宽度
列子:随着窗口的大小的改变,记录每次改变的大小(大小是网页中空白的部分)
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <span id="id1"></span> </body> </html> <script type="text/javascript"> var a = document.getElementById(‘id1‘); window.onresize = function () { var wid = document.documentElement.clientWidth; var hei = document.documentElement.clientHeight; a.innerText = "高度"+wid+"宽度"+hei; } </script>
(三)补充
1.阻止事件冒泡
window.event ? window.event.cancelBubble = true : e.stopPropagation();
列子:大div套小div是,如果都写上鼠标移入事件,并获取他们的id,这个时候如果不写阻止事件冒泡,在移入小div是,会先获取小div的id,在获取大div的id,这个时候就需要写入阻止冒泡事件。
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <div style="height:400px;width:400px;background-color:yellow" id="div1"> <div style="height:100px;width:100px;background-color:blue" id="div2"> </div> </div> </body> </html> <script type="text/javascript"> var a = document.getElementById(‘div1‘); var b = document.getElementById(‘div2‘); a.onmouseover = function () { alert(a.getAttribute(‘id‘)); } b.onmouseover = function () { alert(b.getAttribute(‘id‘)); window.event ? window.event.cancelBubble = true : e.stopPropagation(); } </script>