JavaScript方法和技巧大全——浏览器输出

JavaScript方法和技巧大全——浏览器输出

访问document对象

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

动态输出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 >

输出换行

1 < script  language =”JavaScript” >  
2 document.writeln(“<strong>a</strong>”); 
3 document.writeln(“b”);
4 </ script >

输出日期

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

指定日期的时区

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 >

设置日期输出格式

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 >

读取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 >

打开一个新的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 >

页面跳转

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

添加网页加载进度窗口

 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 >