Server Side Includes:
Experienced JavaScript programmers know that code reuse is good. Experienced JavaScript programmers also know that JavaScript functions are data types.
So, we should be able to store a JavaScript function inside a Session Variable or an Application Variable, right? Unfortunately, no. The way to reuse JavaScript functions across many pages is to use SSI: Server Side Includes.
<%@LANGUAGE="JavaScript"%> <HTML> <HEAD> <!--#include file="script13a.asp"--> <TITLE><% Response.Write( whatTimeIsIt() ) %> </TITLE> </HEAD> <BODY> <% Response.Write("The date and time are " + DateTime + "<BR><BR>\r") Response.Write("Tomorrow's date is " + Tomorrow + "<BR><BR>\r") Response.Write("Tomorrow will be a " + findDayOfWeek(Tomorrow) + "\r") %> </BODY> </HTML>
Click Here to run the script in a new window.
Look at the code for script13.asp. It calls for an include file via this line:
<HTML> <HEAD> <TITLE>10:57:20 AM </TITLE> </HEAD> <BODY> The date and time are 4/11/2003 10:57:20 AM<BR><BR> Tomorrow's date is 4/12/2003<BR><BR> Tomorrow will be a Saturday </BODY> </HTML>
The final HTML code looks so nice and simple. You'd never know that the Date() object had been torn down and put back together. Below is the include file.
<% function whatTimeIsIt() { var m=new Date() var minute=m.getMinutes() var second=m.getSeconds() var ampm=false if (minute >=0 && minute < 10) { minute=("0" + minute) } if (second >= 0 && second < 10 ) { second=("0" + second) } var hours=m.getHours() if (hours > 12) { ampm=true hours=hours-12 } if (hours==12) { ampm=true } if (hours == 0) { hours=hours+12 ampm=false } if (ampm) { ampm=" pm" } else { ampm=" am" } var myTime=hours + ":" + minute + ":" + second + ampm return myTime; } var DateTime = new Date(); var Month = (DateTime.getMonth() + 1) + "/"; var Day = DateTime.getDate() + "/"; var Year = DateTime.getFullYear(); var DateTime = Month + Day + Year + " " + whatTimeIsIt(); var Tomorrow=new Date() Tomorrow.setDate(Tomorrow.getDate() + 1) Month = (Tomorrow.getMonth() + 1) + "/" Day = Tomorrow.getDate() + "/" Year = Tomorrow.getFullYear() Tomorrow = Month + Day + Year function findDayOfWeek(DateInQuestion) { // format for DateInQuestion is mm/dd/yyyy or m/d/yyyy // and presumes the /'s are present. myRegExp=/\d{1,2}\// myMonth=(parseInt(DateInQuestion.match(myRegExp)) -1) myRegExp=/\/\d{1,2}\// myDay=new String(DateInQuestion.match(myRegExp)) myDay=parseInt( myDay.substring(1,myDay.length) ) myRegExp=/\/\d{4}/ myYear=new String(DateInQuestion.match(myRegExp)) myYear=parseInt( myYear.substring(1,myYear.length) ) DateInQuestion=new Date(myYear,myMonth,myDay) DayOfWeek=new Array DayOfWeek[0]="Sunday" DayOfWeek[1]="Monday" DayOfWeek[2]="Tuesday" DayOfWeek[3]="Wednesday" DayOfWeek[4]="Thursday" DayOfWeek[5]="Friday" DayOfWeek[6]="Saturday" DayOfWeek=DayOfWeek[DateInQuestion.getDay()] return DayOfWeek; } %>
Imagine that you had 50 pages that all need whatTimeIsIt(), findDayOfWeek(), DateTime, and Tomorrow. You wouldn't want 50 different copies of these functions and variables. No, you would rather have a single copy of these items so that you could manipulate the single copy and execute your updates to all 50 pages at once.
Now you know how to do that.
Moving Forward:
This concludes Section 03. Next up Server and Error objects in Section 04.
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]