javascript基础

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