JavaScript的方法和技巧(二)

 21 指定次数循环

1 :  < script >
2 :  <!--
3 :  var  myArray  =   new  Array( 3 );
4 : myArray[ 0 ]  =  “Item  0 ”;
5 : myArray[ 1 ]  =  “Item  1 ”;
6 : myArray[ 2 ]  =  “Item  2 ”;
7 :  for  (i  =   0 ; i  <  myArray.length; i ++ )  ... { 
8: document.write(myArray[i] + “<br/>”);
9: }
10 :  //  -->
11 :  </ script >  

22 设定将来执行

1 :  < script >
2 :  <!--
3 :  function  hello()  ... { 
4: window.alert(“Hello”);
5: }
6 : window.setTimeout(“hello()”, 5000 );
7 :  //  -->
8 :  </ script >  

23 定时执行函数

1 :  < script >
2 :  <!--
3 :  function  hello()  ... { 
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7 : window.setTimeout(“hello()”, 5000 );
8 :  //  -->
9 :  </ script >  

24 取消定时执行

1 :  < script >
2 :  <!--
3 :  function  hello()  ... { 
4: window.alert(“Hello”);
5: }
6 :  var  myTimeout  =  window.setTimeout(“hello()”, 5000 );
7 : window.clearTimeout(myTimeout);
8 :  //  -->
9 :  </ script >  

25 在页面卸载时候执行函数

1:  < body  onUnload =”functionName();” >
2: Body of the page
3:  </ body >  

JavaScript就这么回事2：浏览器输出

26 访问document对象

1 :  < script language = ”JavaScript” >
2 :  var  myURL  =  document.URL;
3 : window.alert(myURL);
4 :  </ script >  

 27 动态输出HTML

1 :  < script language = ”JavaScript” >
2 : document.write(“ < p > Here’s some information about  this  document: </ p > ”);
3 : document.write(“ < ul > ”);
4 : document.write(“ < li > Referring Document: “  +  document.referrer  +  “ </ li > ”);
5 : document.write(“ < li > Domain: “  +  document.domain  +  “ </ li > ”);
6 : document.write(“ < li > URL: “  +  document.URL  +  “ </ li > ”);
7 : document.write(“ </ ul > ”);
8 :  </ script >  

28 输出换行

1 : document.writeln(“ < strong > a </ strong > ”);
2 : document.writeln(“b”); 

29 输出日期

1 :  < script language = ”JavaScript” >
2 :  var  thisDate  =   new  Date();
3 : document.write(thisDate.toString());
4 :  </ script >  

30 指定日期的时区

1 :  < script language = ”JavaScript” >
2 :  var  myOffset  =   - 2 ;
3 :  var  currentDate  =   new  Date();
4 :  var  userOffset  =  currentDate.getTimezoneOffset() / 60 ;
5 :  var  timeZoneDifference  =  userOffset  -  myOffset;
6 : currentDate.setHours(currentDate.getHours()  +  timeZoneDifference);
7 : document.write(“The time and date  in  Central Europe is: “  +  currentDate.toLocaleString());
8 :  </ script >  

31 设置日期输出格式

1 :  < script language = ”JavaScript” >
2 :  var  thisDate  =   new  Date();
3 :  var  thisTimeString  =  thisDate.getHours()  +  “:”  +  thisDate.getMinutes();
4 :  var  thisDateString  =  thisDate.getFullYear()  +  “ / ”  +  thisDate.getMonth()  +  “ / ”  +  thisDate.getDate();
5 : document.write(thisTimeString  +  “ on “  +  thisDateString);
6 :  </ script >  

32 读取URL参数

1 :  < script language = ”JavaScript” >
2 :  var  urlParts  =  document.URL.split(“ ? ”);
3 :  var  parameterParts  =  urlParts[ 1 ].split(“ & ”);
4 :  for  (i  =   0 ; i  <  parameterParts.length; i ++ )  ... { 
5: var pairParts = parameterParts[i].split(“=”);
6: var pairName = pairParts[0];
7: var pairValue = pairParts[1];
8: document.write(pairName + “ ：“ +pairValue );
9: }
10 :  </ script >  

你还以为HTML是无状态的么？

33 打开一个新的document对象

1 :  < script language = ”JavaScript” >
2 :  function  newDocument()  ... { 
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6: }
7 :  </ script >  

34 页面跳转

1 :  < script language = ”JavaScript” >
2 : window.location  =  “http: // www.liu21st.com/”;
3 :  </ script >  

35 添加网页加载进度窗口

1:  < html >
2:  < head >
3:  < script  language ='javaScript' > ...
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
5:  </ script >
6:  < title > The Main Page </ title >
7:  </ head >
8:  < body  onLoad ='placeHolder.close()' >
9:  < p > This is the main page </ p >
10:  </ body >
11:  </ html >