網頁常用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
．禁止鼠標右鍵的動作
＜script Language
=
"
Javascript
"
＞
function
click() {
if
(event.button
==
2
||
event.button
==
3
)
{
alert(
'
禁止鼠標右鍵
'
);
}
document.onmousedown
=
click
//
--＞
＜
/
script＞
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
．節(jié)日倒計時
＜script Language
=
"
Javascript
"
＞
var
timedate
=
new
Date(
"
December 25,2003
"
);
var
times
=
"
圣誕節(jié)
"
;
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.3ydesign.com)
"
＞進入＜
/
a＞
17
．改變IE地址欄的IE圖標
我們要先做一個16
*
16的icon（圖標文件），保存為index.ico。把這個圖標文件上傳到根目錄下并在首頁＜head＞＜
/
head＞之間加上如下代碼：
＜link REL
=
"
Shortcut Icon
"
href
=
"
index.ico
"
＞?