【JavaScript】setlntval函数和内置类..

BOM编程

消息框弹出（alert、confirm）

history和location对象

去除前后空白trim

document.getElementById("btn").onclick=function(){
 var value=document.getElementById("username").value;  
 var newValue=value.trim();
  alert("--->"+newValue+"<----")
}

}

效果：

在IE8不支持trim，所以可以使用prototype扩展这个函数。如

//给String扩展trim

alert("调用自己写的trim");

//正则对象:/.../
//return this.replace(/^\s+/,"").replace(/\s+$/,"");
return this.replace(/^\s+|\s+$/g,"");
}

小test

复选框的全选和取消全选

    window.onload =function(){
        //给每个复选框绑onclick事件
        var firstChk =document.getElementById("firstChk");
        firstChk.onclick =function(){
        //根据name获得那个值
          aihaos = document.getElementsByName("aihao");
        // 
            for(var i =0; i<aihaos.length; i++){
                aihaos[i].checked =firstChk.checked;
        
            }
        }
        var all=aihaos.length;
        for(var i = 0; i < aihaos.length; i++){
            aihaos[i].onclick =function(){
            var checkedCount =0;
            //  总数量和选中的数量相等的时候，第一个复选框选中
                for(var i = 0; i<aihaos.length; i++){
                        if(aihaos[i].checked){
                        checkedCount++;
                    }
                }
                    firstChk.checked =(all== checkedCount);
                    /*
                    if(all ==checkedCount){
                    firstChk.checked =true;
                    } else{
                    firstChk.checked =false;}*/
               
             }
       }
   }

 <input type="checkbox" id="firstChk"/><br>
  <input type="checkbox" name="aihao" value="smoke"/>抽烟<br>
  <input type="checkbox" name="aihao" value="drink"/>喝酒<br>
    <input type="checkbox" name="aihao" value="tt"/>烫头<br> 

 获取系统当前时间
js中的内置支持类Date,可以用来获取时间/日期

运行结果：

var nowTime=new Date();
nowTime=nowTime.toLocaleString();
//输出
document.write(nowTime);
运行结果：

 js中的换行，在script中不能直接写br。

document.write("
")
获取毫秒数

 运行结果：

 周期函数setInterval

<script type= text/javascript>
  function displayTime(){
    var time = new Date();
    var strTime =time.toLocaleString();
    document.getElementById("timeDiv").innerHTML=strTime;
}
  //每隔1秒调用displayTime()函数 
  function start(){
      //从这行代码执行结束开始,则会不间断的，每隔1000毫秒调用一次displayTime()函数。
     //它的返回值可以传递给clearInterval从而取消code周期执行的值
     v=window.setInterval("displayTime()",1000);
  }
     //让时间停下
  function stop() {
    window.clearInterval(v);
    
  }
  </script>
  <br><br>
  <input type="button" value="显示系统时间" onclick="start();"/>
  <input type="button" value="系统时间停止" onclick="stop();"/>
  <div id="timeDiv"></div>

 内置支持类Array

//创建长度为0的数组
var arr=[];
//求数组长度
arr.length

var arr2=[1,false,true,"kongchao",null];

for(var i=0;i<arr.length;i++){
document.write(arr[i]+"
");
}

如arr中长度有5，直接arr[7]=true;则会

var arr=[1,false,true,"kongchao",null];
arr[7]=true;
for(var i=0;i<arr.length;i++){
document.write(arr[i]+"
");
}

var arr =new Array();//创建数组长度为0
var arr =new Array(5);//创建数组长度为5
var arr =new Array(1,2);//创建数组长度为2,表示其中有两个值1,2
 join方法链接

var a = [1,2,3,9];
var str =a.join("-");
alert(str);//"1-2-3-9"

//在数组的末尾添加一个元素(数组长度+1)
var a = [1,2,3,9];
a.push(10);
alert(a.join("-"));
//将数组末尾的元素弹出
var endElt =a.pop();
alert(endElt);

反转数组：reverse()
//反转数组
var a = [1,2,3,9];
a.reverse();
var str =a.join("-");
alert(str);

BOM编程
window中open和close方法
<input type="button" value="开启百度" onclick="window.open('http://www.baidu.com')"
//新窗口开启
<input type="button" value="开启百度" onclick="window.open('http://www.baidu.com',_blank)"
//父窗口开启
<input type="button" value="父窗口开启百度" onclick="window.open('http://www.baidu.com',_parent)";
//顶级窗口
<input type="button" value="顶级窗口开启百度" onclick="window.open('http://www.baidu.com',_top)"

关闭当前窗口

消息框弹出（alert、confirm）

window.confirm();//弹出消息确认框
window.alert();
 示例：

function again(){
  if(window.confirm("你确定要删除这数据？？")){
    alert("delete date..") 
  }

}

history和location对象
history

//后退

//后退

//前进

location

location获取地址栏

function goBaidu(){
// var location0bj=window.location;//写法1
// locationObj.href="http://www.baidu.com";

  window .location.href ="http://www.jd.com";//写法2
  //window.location="http://www.126.com";
  

  //  document.location.href ="http://www.sina.com.cn"; //写法3
  // document.location="http://www.tmall.com";
}
</script>
<input type="button" value="百度" onclick="goBaidu();"/>

​