电脑报精华 · 2000 年 · 2000wl074

巧用JavaScript改善你的网页

巧用JavaScript改善你的网页

一、用JavaScript编制显示日期和中文星期
显示计算机系统日期和中文星期是主页中常用到的技巧,系统日期和中文星期往往会起到画龙点睛的效果。Microsoft FrontPage 98中只能显示出上次修改此页的日期和上次自动更新此页的时间,而在下面例子中,你只要根据需要,将“显示中文星期和系统日期函数”放在〈head〉〈/head〉节中,将例子程序插入到自己的网页文件中的适当位置,就会显示出计算机系统日期和中文星期。
显示中文星期和系统日期函数:
〈script language=″JavaScript″〉
function showweek() //显示中文星期
{now = new Date() //定义新对象,new具有Date的性质
if (now.getDay()==0) return (″星期日″)
if (now.getDay()==1) return (″星期一″)
if (now.getDay()==2) return (″星期二″)
if (now.getDay()==3) return (″星期三″)
if (now.getDay()==4) return (″星期四″)
if (now.getDay()==5) return (″星期五″)
if (now.getDay()==6) return (″星期六″)
}
function showdate() //显示系统日期
{
var now = new Date()
var year = now.getYear()
var month = now.getMonth()+1
var day = now.getDate()
return year+″年″+month+″月″+day+″日″
}
〈/script〉
例子程序:
〈script language=″Javascript″〉
document.write(″今天的日期是:″+showdate()+″ ″+showweek())
〈/script〉
二、侦测浏览器是否支持JavaScript
JavaScript在网页制作中的应用越来越广泛,可是并非每个浏览者的浏览器都支持JavaScript,这样一来,也许你很漂亮的网页在他们的浏览器中不仅显得很难看,而且会出错,如果我们能及时给予提示,使浏览者了解出错的原因,从而可以使浏览者对你的网页仍有一个正确的认识,要做到这点,只需要将下面这段JavaScript源码放在网页的 之后合适的位置就可以了。
<script language="javascript" >
<!--document.write("您的浏览器支持JavaScript,符合本站最佳浏览环境。");//-->
</script >
<noscript >
您的浏览器不支持JavaScript , 不符合本站最佳浏览环境,建议您更新您的浏览器。
</noscript >
三、根据浏览器种类的不同自动打开相应的页面
目前IE浏览器已是用户的首选,但仍有不少用户在继续使用Netscape Navigator ,不过用FrontPage 制作的网页在NC中不能完全正确显示,这就有必要为IE 和NC 提供不同的浏览页面,我们首先要准备三张网页,一张是首页,一张是给IE浏览器使用者浏览的,还一张是给NC浏览器使用者浏览的,本例分别为:index.htm、ie.htm、nc.htm,将下面这段JavaScript 源码放在首页的 <head> </head> 之间的某个位置,就可以实现根据浏览器种类的不同而载入相应的页面。
<script language="javascript" >
<!-- var vn="Microsoft Internet Explorer";
if(navigator.appName!=vn) document.write("< meta http-equiv='refresh' content='0; url=nc.htm' >");
else document.write("< meta http-equiv='refresh' content='0; url=ie.htm' > ");//-- >
</script >
四、加入收藏夹
进了用户收藏夹的网站让用户访问的机会总是要多一些,如何使用户更方便、准确地将网站添加入收藏夹呢?请继续,首先将下面这段代码放在网页的BR><SCRIPT language=JavaScript >
function bookmark()
{ if ( document.all ) window.external.AddFavorite('http://www.ccw.com.cn/', "计算机世界日报"); }
</SCRIPT >
接下来再把下面这段代码放在网页的 < body > < /body >之间的一处或多处,用户只需点击“将本站加入收藏夹”便可以方便、准确地将网站添加入收藏夹:
<A href="javascript:bookmark()" >【将本站加入收藏夹】< /A >
说明:
1.本例URL引用的是计算机世界网站的地址,用户使用时应做相应的改动。
2.仅对IE浏览器有效。
五、设为主页
网站进了用户的收藏夹自然增加了被访问的机会,可是如果能让用户将网站设为浏览器的首页岂不更好,为方便用户设置,有些站点提供一个Windows 注册表文件,下载并运行后即可将其网站设为浏览器主页,可是还有一个更简单的方法,哪就是运用JavaScript ,将下面这段JavaScript 代码放在网页 < body > < /body > 之间合适的位置,用户只需点击"将本站社为主页"就可以将您的网站设置为浏览器的默认主页面。(注意要把 http://www.ccw.com.cn/ 换成您的网站地址。)
<A HREF="#" ONCLICK="this.style.behavior= 'url(#default#homepage)';this.setHomePage('http://www.ccw.com.cn/');" >【将本站设为主页】< /A >
(刘梦龙 胡平)