網頁設計常用JAVAscript經典代碼

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

1． 添加到我的最愛

＜script Language="JAVAscript"＞
function bookmarkit()
{
window.external.addFavorite(’HTTP://你的網址’,’你的網站名稱’)
}
if (document.all)document.write(’＜a href="#" onClick="bookmarkit()"＞加入我的最愛＜/a＞’)
＜/script＞

2． 讓超連結不顯示底線

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

3． 禁止滑鼠右鍵的動作

＜script Language = "JAVAscript"＞
function click() { if (event.button==2|| event.button==3)
{
alert(’禁止滑鼠右鍵’);
}
document.onmousedown=click // --＞
＜/script＞

4． 設置該頁為首頁

＜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＞

5． 讓文字不停地滾動

＜MARQUEE＞滾動文字＜/MARQUEE＞

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

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

7． 關閉當前視窗

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

8． 5秒後關閉當前頁

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

9． 2秒後載入指定網頁

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

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． 水中倒影效果

＜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＞

12． 慢慢變大的視窗

　　＜script Language="JAVAscript"＞ 
　　＜!-- 
　　var Windowsheight=100 
　　var Windowswidth=100&nb sp;
　　var numx=5 
　　function openwindow(thelocation){ 
　　temploc=thelocation 
　　if 
　　(! (window.resizeTo&&document.all)&&! (window.resizeTo&&document.getElementById))  
　　{ 
　　　　window.open(thelocation) 
　　　　return 
　　} 
　　windowsize=window.ope n("","","scrollbars") 
　　windowsize.moveTo(0,0) 
　　windowsize.resizeTo(100,100) 
　　tenumxt()  
　　} 
　　function tenumxt(){ 
　　if (Windowsheight＞=screen.availHeight-3) 
　　　　numx=0&n bsp;
　　windowsize.resizeBy(5,numx) 
　　Windowsheight+=5 
　　Windowswidth+=5 
　　if (Windowswidth＞=s creen.width-5) 
　　{ 
　　　　windowsize.location=temploc 
　　　　Windowsheight=100 
　　　　Windo wswidth=100 
　　　　numx=5 
　　　　return 
　　} 
　　setTimeout("tenumxt()",50) 
　　} 
　　//--＞ 
　　＜/script＞& nbsp;
　　＜p＞＜a href="javascript:openwindow(你的網址)"＞進入＜/a＞ 

13． 改變IE網址列的IE圖示

我們要先做一個16*16的icon（圖示檔），保存為index.ico。 把這個圖示檔上傳到根目錄下並在首頁＜head＞＜/head＞之間加上如下代碼：

＜link REL = "Shortcut Icon" href="index.ico"＞

14． 按一下按鈕列印出當前頁

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

15． 按一下按鈕‘另存為’當前頁

＜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＞

16． 顯示系統當前日期

＜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＞

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

　　＜script Language="JAVAscript"＞ 
　　＜!-- 
　　var text=""; day = new Date( ); time = day.getHours( );&n bsp;
　　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＞ 
轉載請注明出處： HTTP://www.code-123.com/wl bc/asp/list_1.html，謝謝！