常用的javascript語句集（二）

上次整理了“常用的javascript語句集（一）”，覺得不夠完整，今天看了一個別人整理的，於是自己

添加一些又整理了“常用的javascript語句集（二）”。

下面列出些常用的javascript，大家可以把這些做成一個類，方便在項目中重複的調用。

歡迎大家補充^_^

 

1．讓文字不停地滾動

　　＜MARQUEE＞滾動文字＜/MARQUEE＞

2．記錄並顯示網頁的最後修改時間

　　＜script language=javascript＞
　　document．write("最後更新時間: " + document．lastModified + "")
　　＜/script＞

3．關閉當前視窗

　　＜a href="/"onClick="javascript：window.close();return false;"＞關閉視窗＜/a＞

4．5秒後關閉當前頁

　　＜script language="javascript"＞
　　＜!--
　　setTimeout('window.close();',5000);
　　--＞
　　＜/script＞

5．2秒後載入指定網頁

　　＜head＞
　　＜meta http-equiv="refresh" content="2;URL=http://你的網址"＞
　　＜/head＞

6．添加到收藏夾

　　＜Script Language="javascript"＞
　　function bookmarkit()
　　{
　　window.external.addFavorite('http://你的網址','你的網站名稱')
　　}
　　if (document．all)document．write('＜a href="#" onClick="bookmarkit()"＞加入收藏夾＜/a＞')
　　＜/Script＞

7．讓超連結不顯示底線

　　＜style type="text/css"＞
　　＜!-
　　a:link{text-decoration:none}
　　a:hover{text-decoration:none}
　　a:visited{text-decoration:none}
　　-＞
　　＜/style＞

8．讓網頁隨意後退

       ＜a href="javascript :history.go(-X)"＞X＜/a＞

          //把X換成你想要後退在頁數
　　 //把“-”變成“+”就為前進

9．設定該頁為首頁

　　＜body bgcolor="#FFFFFF" text="#000000"＞
　　＜!-- 網址：http://你的網址--＞
　　＜a class="chlnk" style="cursor:hand" HREF
　　onClick="this.style.behavior='url(#default#homepage)';
　　this.setHomePage('你的網站名稱);"＞＜font color="000000" size="2" face="宋體"＞設為首頁＜/font＞＜/a＞
　　＜/body＞

10．節日倒計時

　　＜Script Language="javascript"＞
　　var timedate= new Date("December 25,2003");
　　var times="聖誕節";
　　var now = new Date();
　　var date = timedate.getTime() - now.getTime();
　　var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　if (time ＞= 0)
　　document．write("現在離"+times+"還有: "+time +"天")＜/Script＞

11．單擊按鈕列印出當前頁

　　＜Script Language="javascript"＞
　　＜!-- Begin
　　if (window.print) {
　　document．write('＜form＞'
　　+ '＜input type=button name=print value="列印本頁" '
　　+ 'onClick="javascript：window.print()"＞＜/form＞');
　　}
　　// End --＞
　　＜/Script＞

12．單擊按鈕‘另存新檔’當前頁

　　＜input type="button" name="Button" value="儲存本頁"
　　onClick="document．all.button.ExecWB(4,1)"＞
　　＜object id="button"
　　width=0
　　height=0
　　classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞
　　＜embed width="0" height="0"＞＜/embed＞
　　＜/object＞

13．顯示系統當前日期

　　＜script language=javascript＞
　　today=new Date();
　　function date(){
　　this.length=date.arguments.length
　　for(var i=0;i＜this.length;i++)
　　this[i+1]=date.arguments }
　　var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
　　document．write(
　　"＜font color=##000000 style='font-size:9pt;font-family: 宋體'＞ ",
　　today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
　　d[today.getDay()+1],"＜/font＞" );
　　＜/script＞

14．不同時間段顯示不同問候語

　　＜Script Language="javascript"＞
　　＜!--
　　var text=""; day = new Date( ); time = day.getHours( );
　　if (( time＞=0) && (time ＜ 7 ))
　　　　text="夜貓子，要注意身體哦！ "
　　if (( time ＞= 7 ) && (time ＜ 12))
　　　　text="今天天氣……哈哈哈，不去玩嗎？"
　　if (( time ＞= 12) && (time ＜ 14))
　　　　text="午休時間哦，朋友一定是不習慣午睡的吧？！"
　　if (( time ＞=14) && (time ＜ 18))
　　　　text="下午茶的時間到了，休息一下吧！ "
　　if ((time ＞= 18) && (time ＜= 22))
　　　　text="您又來了，可別和MM聊太久哦！"
　　if ((time ＞= 22) && (time ＜ 24))
　　　　text="很晚了哦，注意休息呀！"
　　document．write(text)
　　//---＞
　　＜/Script＞

15．水中倒影效果

　　＜img id="reflect" src="你自己的圖片檔案名稱" width="175" height="59"＞
　　＜script language="javascript"＞
　　function f1()
　　{
　　　　setInterval("mdiv.filters.wave.phase+=10",100);
　　}
　　if (document．all)
　　{
　　　　document．write('＜img id=mdiv src="'+document．all.reflect.src+'"
　　　　style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"＞')
　　　　window.onload=f1
　　}
　　＜/script＞

16．慢慢變大的視窗

　　＜Script Language="javascript"＞
　　＜!--
　　var Windowsheight=100
　　var Windowswidth=100
　　var numx=5
　　function openwindow(thelocation){
　　temploc=thelocation
　　if
　　(!(window.resizeTo&&document．all)&&!(window.resizeTo&&document．getElementById))
　　{
　　　　window.open(thelocation)
　　　　return
　　}
　　windowsize=window.open("","","scrollbars")
　　windowsize.moveTo(0,0)
　　windowsize.resizeTo(100,100)
　　tenumxt()
　　}
　　function tenumxt(){
　　if (Windowsheight＞=screen.availHeight-3)
　　　　numx=0
　　windowsize.resizeBy(5,numx)
　　Windowsheight+=5
　　Windowswidth+=5
　　if (Windowswidth＞=screen.width-5)
　　{
　　　　windowsize.location=temploc
　　　　Windowsheight=100
　　　　Windowswidth=100
　　　　numx=5
　　　　return
　　}
　　setTimeout("tenumxt()",50)
　　}
　　//--＞
　　＜/script＞
　　＜p＞＜a href="javascript：openwindow(http://www.xxx.com)"＞進入＜/a＞

17．改變IE地址欄的IE表徵圖

　　我們要先做一個16*16的icon（表徵圖檔案），儲存為index.ico。把這個表徵圖檔案上傳到根目錄下並在首頁＜head＞＜/head＞之間加上如下代碼：
          ＜link REL = "Shortcut Icon" href="index.ico"＞

18．滑鼠指向時彈出資訊框
　　＜body＞
　　＜a href onmouseover="alert('彈出資訊！')"＞顯示的連結文字＜/a＞
        ＜/body＞

19．單擊滑鼠右鍵彈出添加收藏夾對話方塊
　　＜body＞
　　＜script Language=javascript＞
　　if (document.all)
　　document.body.onmousedown=new function("if (event.button==2||event.button==3)
　　window.external.addFavorite('您的網址','您的網站名稱)")
　　＜/script＞
        ＜/body＞

20．離開網頁時和載入網站時提示你將本站加入收藏夾

  可以很大的加大的網站的訪問量。

  一、在網頁的

? function favorate(){

? window.external.AddFavorite('http://Blog.Csdn.net/KanJing', '藍色空間')

? }
?

  二、在網頁中的  標記中加入下面的代碼：

  onunload=favorate()

  當然如果你想在網頁載入時提示只需要把

  上面的onunload=favorate()改成onload=favorate()

21．JS製作網頁標題欄滾動資訊的顯示:

將下面的代碼copy到網頁的<head>和</head>中.

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
var msg = "藍色空間";
var speed = 300;
var msgud = " " + msg;
function titleScroll() {
if (msgud.length msgud = msgud.substring(1, msgud.length);
document.title = msgud.substring(0, msg.length);
window.setTimeout("titleScroll()", speed);
}
-->
</SCRIPT>

在網頁的BODY中加入下面的代碼:

<BODY onload="window.setTimeout('titleScroll()', 500)">

22．JS狀態列資訊分行顯示: 
 
將下面的代碼copy到網頁的<head>和</head>中.

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
function makeArray(n) {
this.length = n;
}
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID);
bannerRunning = false;
}
function startBanner() {
stopBanner();
showBanner();
} function showBanner() {
var text = ar[currentMessage];
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++;
var partialMessage = text.substring(0, offset + 1);
window.status = partialMessage;
offset++;
timerID = setTimeout("showBanner()", speed);
bannerRunning = true;
} else {
offset = 0;
currentMessage++;
if (currentMessage == arlength)
currentMessage = 0;
timerID = setTimeout("showBanner()", pause);
bannerRunning = true;
}
}
var speed = 100
var pause = 1000
var timerID = null;
var bannerRunning = false;
var currentMessage = 0;
var offset = 0;
var arlength = 3;
var ar = new makeArray(arlength);
ar[0] = "藍色空間";
ar[1] = "歡迎你的光臨";
ar[2] = "有建議請聯絡V-藍動力";
-->
</SCRIPT>

在網頁的BODY中加入下面的代碼:

<BODY onload=startBanner()>

23. 可以在收藏夾中顯示出你的表徵圖

      <link rel="Bookmark" href="favicon.ico">

24. 永遠都會帶著架構 

<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架頁
// --></script>

25. 最小化、最大化、關閉視窗

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=關閉 onclick=hh3.Click()>
本例適用於IE

26. TEXTAREA自適應文字行數的多少

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

27. 檢測某個網站的連結速度：

把如下代碼加入<body>地區中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=重新整理></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="連結逾時"}
else
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto(http://";;+autourl[i]+"')>")}
run()</script>

28. 如何改變連結的滑鼠形狀 

只需在連結上加上這一代碼就行的了 
或者跟上面的用CSS寫也行 

style="cursor:hand"　　　　　 　style="cursor:crosshair" 
style="cursor:text" 　　　　　　style="cursor:wait" 
style="cursor:move" 　　　　　　style="cursor:help" 
style="cursor:e-resize" 　　　　style="cursor:n-resize" 
style="cursor:nw-resize" 　 　　style="cursor:w-resize" 
style="cursor:s-resize" 　　　　style="cursor:se-resize" 
style="cursor:sw-resize" 
以上代碼你只需要加到串連或是頁面的STYLE區裡就可以實現滑鼠多樣化。 

29.COOKIE指令碼記錄，有很大的用處。

function get_cookie(Name) { 
var search = Name + "=" 
var returnvalue = ""; 
if (documents.cookie.length > 0) { 
offset = documents.cookie.indexOf(search) 
if (offset != -1) { // if cookie exists 
offset += search.length 
// set index of beginning of value 
end = documents.cookie.indexOf(";", offset); 
// set index of end of cookie value 
if (end == -1) 
end = documents.cookie.length; 
returnvalue=unescape(documents.cookie.substring(offset, end)) 
} 
} 
return returnvalue; 
} 
function loadpopup(){ 
if (get_cookie('popped')==''){ 
openpopup() 
documents.cookie="popped=yes" 

} 
} 
說明：以上是JS代碼，請自己加起始符和結束符