WINDOW对象属性和方法

<!doctype html>
<html>

   <head>
       <title>BOM浏览器对象模型</title>
       <style type="text/css">
           *{
               font-size:40px;
           }
           #div1{
               color:red;
               font-size:50px;
               font-family:微软雅黑;
           }
       </style>
       <script type="text/javascript">
           function testDate (){
               var date = new Date();
               var y = date.getFullYear(); //获取年份
               var m = date.getMonth()+1; //获取月份(0-11)
               var d = date.getDate(); //获取日

               var h = date.getHours(); //小时
               var mi = date.getMinutes(); //分钟
               var s = date.getSeconds();//秒
               var w = date.getDay(); //星期
               //处理分秒星期的数字
               if(mi<10){
                   mi = "0"+mi;
               }
               if(s<10){
                   s = "0"+s;
               }
               switch(w){
               case 1:
                   w = "一";
               break;
               case 2:
                   w = "二";
               break;
               case 3:
                   w = "三";
               break;
               case 4:
                   w = "四";
               break;
               case 5:
                   w = "五";
               break;
               case 6:
                   w = "六";
               break;
               case 0: //星期是从 0-6
                   w = "日";
               break;
               default:

               }

               var divObj = document.getElementById("d");

               divObj.innerHTML = y+"年"+m+"月"+d+"日 "+h+" : "+mi+" : "+s+" 星期"+w;

               //★★★★一秒过后, 调用自己啊
               //方法里面调用自己, 递归
               setTimeout("testDate()",1000);

           }
           function testID (){
               var divObj = document.getElementById("div1");
               alert(divObj.innerHTML);
           }
           function testHref (){
               //alert(location.href); 获取当前网页的地址信息
               location.href="日期函数.html";
           }
           function myReload (){
               location.reload();
           }
           var win;
           function testOpen (){ //打开窗口
               open("日期函数.html","","");
               open("2.html","","");
               open("3.html","","");
           }
           function chgImg1 (){ //鼠标悬浮改变图片
               var imgObj = document.getElementById("img");
               imgObj.src = "30.gif";
           }
           function chgImg2 (){
               var imgObj = document.getElementById("img");
               imgObj.src = "38.gif";
           }

           var s = 0;
           var time ;
           function timeStart (){ //开始
               document.getElementById("t").value = s++ ;
               //time = setTimeout("timeStart()",1000);
           }
           function timeEnd (){ //停止
               clearTimeout(time);
           }

           function timeStartInter (){ //定时器开始
               document.getElementById("t").value = s++ ;
               setInterval("timeStartInter()",1000);
           }
           //setTimeout("testHref()",3000);
       </script>
   </head>

   <body onload="testDate()">
       <input type="text" id="t" />
       <input type="button" value="开始计时" onclick="timeStart()">
       <input type="button" value="停止计时" onclick="timeEnd()">
       <input type="button" value="开始计时(定时器)" onclick="timeStartInter()">
       <div id="d">存放时间</div>
       <input type="button" value="打开一个新窗口" onclick="testOpen()">
       <a href="2.html">跳转到222222</a><br />
       <input type="button" value="测量两个同名id" onclick="testID()">
       <input type="button" value="地址栏href属性" onclick="testHref()">
       <input type="button" value="刷新" onclick="myReload()">
       <a href="日期函数.html">超链接日期函数</a>
       <div id="div1">
           我是Div1标签内容
       </div>
       <div id="div1">
           我是Div1标签另一个内容
       </div>
       <img src="38.gif" width="300px" onmouseover="chgImg1()" onmouseout="chgImg2()" id="img" />
       <img src="30.gif" width="300px" />
   </body>
</html>

秒客网

WINDOW对象属性和方法

相关文章