html文件,如何将里面的javascript提成.js文件,然后在html中调用??

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>网页特效---一个很漂亮实用的日历</title> 
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> 
//创建一个数组,用于存放每个月的天数 
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) 
{ 
this[0] = m0; 
this[1] = m1; 
this[2] = m2; 
this[3] = m3; 
this[4] = m4; 
this[5] = m5; 
this[6] = m6; 
this[7] = m7; 
this[8] = m8; 
this[9] = m9; 
this[10] = m10; 
this[11] = m11; 
} 
//实现月历 
function calendar() { 
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; 
var today = new Date(); 
var thisDay; 
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); 
year = today.getYear() +1900; 
thisDay = today.getDate(); 
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; 
nDays = monthDays[today.getMonth()]; 
firstDay = today; 
firstDay.setDate(1); 
testMe = firstDay.getDate(); 
if (testMe == 2) firstDay.setDate(0); 
startDay = firstDay.getDay(); 
document.write("<div id='rili' style='position:absolute;width:120px;'>") 
document.write("<TABLE width='180' BORDER='0' CELLSPACING='3' CELLPADDING='0' BGCOLOR='#0080FF'>") 
document.write("<TR><TD><table border='0' cellspacing='0' cellpadding='0' bgcolor='Silver'>"); 
document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>"); 
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
var now = new Date(); 
document.writeln("<FONT STYLE='font-size:8pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>"); 
document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>日</FONT></TH>"); 
document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>一</FONT></TH>"); 
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>二</FONT></TH>"); 
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>三</FONT></TH>"); 
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>四</FONT></TH>"); 
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>五</FONT></TH>"); 
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>六</FONT></TH>"); 
document.writeln("</TR><TR>"); 
column = 0; 
for (i=0; i<startDay; i++) { 
document.writeln("\n<TD><FONT STYLE='font-size:8pt'> </FONT></TD>"); 
column++; 
} for (i=1; i<=nDays; i++) { 
if (i == thisDay) { 
document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:8pt;Color:#ffffff'><B>") 
} 
else { 
document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:8pt;font-family:Arial;font-weight:bolder;Color:#330066'>"); 
} 
document.writeln(i); 
if (i == thisDay) document.writeln("</FONT></TD>") 
column++; 
if (column == 7) { 
document.writeln("<TR>"); 
column = 0; 
} 
} 
document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>") 
document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:8pt;Color:#ffffff'>") 
document.writeln("现在时间:<INPUT TYPE='Text' size=16 NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>") 
document.writeln("</TD></TR></TABLE></div>"); 
} 
</SCRIPT> 
<SCRIPT LANGUAGE="JavaScript"> 
var timerID = null; 
var timerRunning = false; function stopclock (){ 
if(timerRunning) 
clearTimeout(timerID); 
timerRunning = false;} //显示当前时间 
function showtime () { 
var now = new Date(); 
var hours = now.getHours(); 
var minutes = now.getMinutes(); 
var seconds = now.getSeconds() 
var timeValue = " " + ((hours >12) ? hours -12 :hours) 
timeValue += ((minutes < 10) ? ":0" : ":") + minutes 
timeValue += ((seconds < 10) ? ":0" : ":") + seconds 
timeValue += (hours >= 12) ? " 下午 " : " 上午 " 
document.clock.face.value = timeValue; 
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示 
timerRunning = true;} function startclock () { 
stopclock(); 
showtime();} 
</SCRIPT> </head> <body onLoad="startclock(); timerONE=window.setTimeout"> 
<script language="JavaScript" type="text/javascript"> 
<!-- 
calendar(); 
//--> </script> </body> </html> 
____________________________________________________
如何分解它?
请教了.

解决方案 »

  1.   

    把里面的JS全放到JS的文件里面
    然后在HTML里面直接LINK进来就行了.
      

  2.   

    //创建一个数组,用于存放每个月的天数 
    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) 
    { 
    this[0] = m0; 
    this[1] = m1; 
    this[2] = m2; 
    this[3] = m3; 
    this[4] = m4; 
    this[5] = m5; 
    this[6] = m6; 
    this[7] = m7; 
    this[8] = m8; 
    this[9] = m9; 
    this[10] = m10; 
    this[11] = m11; 
    } 
    //实现月历 
    function calendar() { 
    var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; 
    var today = new Date(); 
    var thisDay; 
    var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); 
    year = today.getYear() +1900; 
    thisDay = today.getDate(); 
    if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; 
    nDays = monthDays[today.getMonth()]; 
    firstDay = today; 
    firstDay.setDate(1); 
    testMe = firstDay.getDate(); 
    if (testMe == 2) firstDay.setDate(0); 
    startDay = firstDay.getDay(); 
    document.write(" <div id='rili' style='position:absolute;width:120px;'>") 
    document.write(" <TABLE width='180' BORDER='0' CELLSPACING='3' CELLPADDING='0' BGCOLOR='#0080FF'>") 
    document.write(" <TR> <TD> <table border='0' cellspacing='0' cellpadding='0' bgcolor='Silver'>"); 
    document.write(" <TR> <th colspan='7' bgcolor='#C8E3FF'>"); 
    var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
    var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
    var now = new Date(); 
    document.writeln(" <FONT STYLE='font-size:8pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + " </FONT>"); 
    document.writeln(" </TH> </TR> <TR> <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>日 </FONT> </TH>"); 
    document.writeln(" <th bgcolor='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>一 </FONT> </TH>"); 
    document.writeln(" <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>二 </FONT> </TH>"); 
    document.writeln(" <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>三 </FONT> </TH>"); 
    document.writeln(" <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>四 </FONT> </TH>"); 
    document.writeln(" <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>五 </FONT> </TH>"); 
    document.writeln(" <TH BGCOLOR='#0080FF'> <FONT STYLE='font-size:8pt;Color:White'>六 </FONT> </TH>"); 
    document.writeln(" </TR> <TR>"); 
    column = 0; 
    for (i=0; i <startDay; i++) { 
    document.writeln("\n <TD> <FONT STYLE='font-size:8pt'> </FONT> </TD>"); 
    column++; 
    } for (i=1; i <=nDays; i++) { 
    if (i == thisDay) { 
    document.writeln(" </TD> <TD ALIGN='CENTER' BGCOLOR='#FF8040'> <FONT STYLE='font-size:8pt;Color:#ffffff'> <B>") 
    } 
    else { 
    document.writeln(" </TD> <TD BGCOLOR='#FFFFFF' ALIGN='CENTER'> <FONT STYLE='font-size:8pt;font-family:Arial;font-weight:bolder;Color:#330066'>"); 
    } 
    document.writeln(i); 
    if (i == thisDay) document.writeln(" </FONT> </TD>") 
    column++; 
    if (column == 7) { 
    document.writeln(" <TR>"); 
    column = 0; 
    } 
    } 
    document.writeln(" <TR> <TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>") 
    document.writeln(" <FORM NAME='clock' onSubmit='0'> <FONT STYLE='font-size:8pt;Color:#ffffff'>") 
    document.writeln("现在时间: <INPUT TYPE='Text' size=16 NAME='face' ALIGN='TOP'> </FONT> </FORM> </TD> </TR> </TABLE>") 
    document.writeln(" </TD> </TR> </TABLE> </div>"); 
    } 
    </SCRIPT> 
    <SCRIPT LANGUAGE="JavaScript"> 
    var timerID = null; 
    var timerRunning = false; function stopclock (){ 
    if(timerRunning) 
    clearTimeout(timerID); 
    timerRunning = false;} //显示当前时间 
    function showtime () { 
    var now = new Date(); 
    var hours = now.getHours(); 
    var minutes = now.getMinutes(); 
    var seconds = now.getSeconds() 
    var timeValue = " " + ((hours >12) ? hours -12 :hours) 
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes 
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds 
    timeValue += (hours >= 12) ? " 下午 " : " 上午 " 
    document.clock.face.value = timeValue; 
    timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示 
    timerRunning = true;} function startclock () { 
    stopclock(); 
    showtime();} 把上面的代码存在记事本里，将文件后缀改成.js就好了。
      

  3.   

    把所有的js代码建个文件。以后缀名为.js结束。
    然后在网页里面加入代码<script src="文件名.js" ></script>
      

  4.   

    就是<\head>标签前面<SCRIPT></SCRIPT>之间的部分。
      

  5.   

    把所有的js代码建个文件。以后缀名为.js结束。 
    然后在网页里面加入代码 <script src="文件名.js" > </script>
      

  6.   

     直接创建一个js文件 然后将脚本放新建的js文件里 直接调用创建的js文件及可
      

  7.   

    我想请教下.. 
    打开网页就能在<lable>标签中 或者指定的位置显示的话
    要在body 中加入onload
    再用动态添加
      这个思路对么?
      
      

  8.   

    同志们,我也是这样用的.但不显示,单独显示可以,分离后就不显示.
    我是这样分离的:
    a.html
    *************
    <head>
    <script language="JavaScript"  src="calendar.js"></script> 
    </head>
    <body onLoad="startclock(); timerONE=window.setTimeout">
    <script language="JavaScript" src="calendar.js"> <!-- calendar(); //-->  </script> 
    </body>
    ***********
    calendar.js
    ********************
    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) 
    { 
      this[0] = m0; 
      this[1] = m1; 
      this[2] = m2; 
      this[3] = m3; 
      this[4] = m4; 
      this[5] = m5; 
      this[6] = m6; 
      this[7] = m7; 
      this[8] = m8; 
      this[9] = m9; 
      this[10] = m10; 
      this[11] = m11; 
    } 
    //实现月历 
    function calendar() { 
    var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; 
    var today = new Date(); 
    var thisDay; 
    var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); 
    year = today.getYear() +1900; 
    thisDay = today.getDate(); 
    if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; 
    nDays = monthDays[today.getMonth()]; 
    firstDay = today; 
    firstDay.setDate(1); 
    testMe = firstDay.getDate(); 
    if (testMe == 2) firstDay.setDate(0); 
    startDay = firstDay.getDay(); 
    document.write("<div id='rili' style='position:absolute;width:120px;'>") 
    document.write("<TABLE width='180' BORDER='0' CELLSPACING='3' CELLPADDING='0' BGCOLOR='#0080FF'>") 
    document.write("<TR><TD><table border='0' cellspacing='0' cellpadding='0' bgcolor='Silver'>"); 
    document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>"); 
    var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
    var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
    var now = new Date(); 
    document.writeln("<FONT STYLE='font-size:8pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>"); 
    document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>日</FONT></TH>"); 
    document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>一</FONT></TH>"); 
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>二</FONT></TH>"); 
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>三</FONT></TH>"); 
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>四</FONT></TH>"); 
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>五</FONT></TH>"); 
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:8pt;Color:White'>六</FONT></TH>"); 
    document.writeln("</TR><TR>"); 
    column = 0; 
    for (i=0; i<startDay; i++) { 
    document.writeln("\n<TD><FONT STYLE='font-size:8pt'> </FONT></TD>"); 
    column++; 
    } for (i=1; i<=nDays; i++) { 
    if (i == thisDay) { 
    document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:8pt;Color:#ffffff'><B>") 
    } 
    else { 
    document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:8pt;font-family:Arial;font-weight:bolder;Color:#330066'>"); 
    } 
    document.writeln(i); 
    if (i == thisDay) document.writeln("</FONT></TD>") 
    column++; 
    if (column == 7) { 
    document.writeln("<TR>"); 
    column = 0; 
    } 
    } 
    document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>") 
    document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:8pt;Color:#ffffff'>") 
    document.writeln("现在时间:<INPUT TYPE='Text' size=16 NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>") 
    document.writeln("</TD></TR></TABLE></div>"); 
    } 
    </SCRIPT> 
    <SCRIPT LANGUAGE="JavaScript"> 
    var timerID = null; 
    var timerRunning = false; function stopclock (){ 
    if(timerRunning) 
    clearTimeout(timerID); 
    timerRunning = false;} //显示当前时间 
    function showtime () { 
    var now = new Date(); 
    var hours = now.getHours(); 
    var minutes = now.getMinutes(); 
    var seconds = now.getSeconds() 
    var timeValue = " " + ((hours >12) ? hours -12 :hours) 
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes 
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds 
    timeValue += (hours >= 12) ? " 下午 " : " 上午 " 
    document.clock.face.value = timeValue; 
    timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示 
    timerRunning = true;} function startclock () { 
    stopclock(); 
    showtime();} 
    ********************************
    赐教!
      

  9.   

    把所有的js代码建个文件。以后缀名为.js结束。 
    然后在网页里面加入代码 <script src="../文件名.js" > </script>
      

  10.   

    浩子。
    上面说的是正确的 就是和3楼，六楼等等人说的那样啊！
    还有另外
    你还可以用：
    <%@include file="你要包含文件的地址"%>（先包含，后处理）
    或者用：
    <jsp:include page="">标准动作导入你想要的文件.（先处理，后包含）你可以把你的脚本存到一个txt或者jsp文件里，然后用在<head>与</head>上面的jsp标签或者标准动作导入到你的页面中！
    你试一试
      

  11.   

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" src="文件名.js"> </SCRIPT >