1.isNaN(x)
是不是不是数字(是数字返回false,不是数字返回true
2.javascript中的++s和s++的区别
++s //先运算再赋值
s++ //先赋值再运算
s=3;
在这里t=s++的话这里的t=3,s=4
t=++s,这里的t=4,s=4
alert(s++); 弹出的为3
alert(++s);弹出的为4
3.日期
参考网址:https://www.w3school.com.cn/js/js_date_methods.asp
//获取时间
time=new Date();
main.innerHTML=time.getFullYear()+“年”+(time.getMonth()+1)+“月”+time.getDate()+“日”+time.getHours()+“时”+time.getMinutes()+“分”+time.getSeconds();
4.sort排序
4.1数字排序
h=num.sort(function(a,b){return a-b}); //这样的事正序进行排列的
h=num.sort(function(a,b){return b-a}); //倒序排列
4.2随机排列数组
//随机排列数组,这里要用到随机数函数Math.random()
i=num.sort(function(a,b){return 0.5-Math.random()});
5.reverse() 方法反转数组中的元素
// 这里的效果是先把数组以字母的顺序进行排列,然后反转数组,这里的效果就是倒序
g=arrs.sort().reverse();
6.定时器
setInterval(func,1000) //开启定时器
setInterval(function(){
},1000)
clearInterval() //删除定时器
7.超时器(只执行一次)
setTimeout(func,1000)
setTimeout(function(){
},1000)
clearTimeout()
8.clientX表示的是获取鼠标触发点到最左边的距离
9.offsetLeft表示获取元素到最左边的距离
10.鼠标事件:
• onclick //鼠标单击
• ondblclick //鼠标双击
• onmouseenter //鼠标移入
• onmouseleave //鼠标移出
• onmouseover //鼠标移入
• onmouseout //鼠标移出
• onmousemove //鼠标移动
• onmousedown //鼠标按下
• onmouseup //鼠标抬起
11.键盘事件:
• onkeydown
• onkeyup
• onkeypress
12.表单事件:
• outline-color:表示的时文本框点击以后高亮框的颜色
• onfocus
• onblur
• onchange当表单元素的值改变的时候(可以用于下拉菜单)
• onselect当选中表单元素中的值的时候
• onsubmit当表单提交的时候
• onreset当表单重置的时候
13.其他事件:
• onload 网页是否加载完毕,图片是否下载完毕
window.onload(){}
img=document.getElementById('img');
img.onload=function(){}//表示当图片加载完成的时候
• onerror 当图片加载失败的时候
img=document.getElementById('img');
img.onerror =function(){}//表示当图片加载失败的时候
• onresize 当浏览器的大小改变的时候
window.onresize=function(){}//当窗口的大小改变的时候
• onscroll 当窗口的滚动条滚动的时候
window.onscroll =function(){}//当窗口的滚动条发生滚动的时候
14.文档总高度
文档总高度=已滚动的高+最后一频的高度
//屏幕总高度
tot=document.documentElement.scrollHeight;
//可视区域的高度
hei=document.documentElement.clientHeight;
diff=tot-hei;
window.onscroll=function(){
document.title=diff;
//已经滚动的高度
sc=document.body.scrollTop;
if(sc>=diff){
document.body.style.background='#f0f';
}else{
document.body.style.background='#fff';
}
}
15.页面刷新
<p><button id='aid'>刷新</button></p>
aidobj=document.getElementById('aid');
aidobj.οnclick=function(){
location.reload();
}