為什麼要提出這個問題?
顯而易見,許多頁面裡不僅要放置一個腳本,許多情況下,腳本的激活要依靠<BODY Onload="Function()">的方法的。一般情況下,我們不能在BODY標簽內同時用兩個Onload來使兩個腳本同時運行。
那麼,有沒有解決的方法呢?有的,下面的方法提供了一種有效的途徑。
下面是一個例子,我們要同時運行兩個腳本:一個是彈出窗口,一個是在狀態行的跑馬燈腳本。在單獨運行腳本的情況下,彈出窗口用<BODY Onload="popwin()">激活,跑馬燈用<BODY Onload="ScrollIn()">激活。
(1)彈出窗口源代碼:
<Html>
<head>
<SCRIPT LANGUAGE="javascript">
<!--
function popwin(){
window.open("2scriptspop.htm","newwin","width=120,height=120");
}
//-->
</script>
</head>
<BODY onLoad="popwin()">
</body>
</html>
(2)狀態欄跑馬燈的源代碼是:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Message="本站虛擬域名http://java2000.126.com";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",300);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function scrollOut() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
// End -->
</SCRIPT>
</head>
<BODY onLoad="scrollIn()">
</body>
</html>
問題是:如何同時運行OnLoad來激活兩個腳本呢?
這樣做:
<script language="JavaScript">
function together()
{
FUNCTION #1
FUNCTION #2
}
</script>
其中,FUNCTION #1 就是popwin();FUNCTION #2就是scrollIn()。然後在<BODY>標簽中統一調用together()即可。
下面是本例的完全代碼。
看看執行情況,彈出窗口和狀態欄跑馬燈同時正常運行著。
希望對大家有所幫助。
<html>
<head>
<script language="JavaScript">
function together() {
popwin()
scrollIn()
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function popwin(){
window.open("2scriptspop.htm","newwin","width=120,height=120");
}
//-->
</script><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Message="本站虛擬域名http://java2000.126.com";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",300);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function scrollOut() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
// End -->
</SCRIPT>
</head>
<BODY onLoad="together()">
</body>
</html>
--------------------------------------------------------------------------------