外部js脚本的做法


x 在大多数情况下,我们都把一段javascripts代码直接放在HTML的某个位置就能很好地工作,但是你试过没有,使用一个外部独立的javascripts呢?

一些*.js的文件就是了。这样做有什么好处?

(1)经常使用js的日历或时钟脚本吧?如果你要在多个页面放置同样的时钟脚本,或者因为某种原因代码变了,难道还要改变每一页的代码吗?
(2)尤其是有的js脚本非常长,把这么多的代码统统加在一个页面里势必使下载速度大大降低,
(3)自己编了一个脚本,只想独自享用,不想公开。怎么办?要知道通过浏览器非常容易看到源代码的啊!

现在使用外部的js脚本,可以非常轻松地解决所有这些问题,至少有很大程度的改善。
(1)创建任意的javascripts脚本:
下面是一个显示当前日期的脚本:
=====================================================
<script language="JavaScript">
<!--
tmpDate = new Date();
date = tmpDate.getDate();
month= tmpDate.getMonth() + 1 ;
year= tmpDate.getYear();
document.write("今天是:");
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日");
// -->
</script>

<script language="JavaScript">
<!--
myArray=new Array(6);
myArray[0]="星期日"
myArray[1]="星期一"
myArray[2]="星期二"
myArray[3]="星期三"
myArray[4]="星期四"
myArray[5]="星期五"
myArray[6]="星期六"
weekday=tmpDate.getDay();
if (weekday==0 | weekday==6)
{
document.write("<font color=′red′>" + myArray[weekday] + "</font>")
}
else
{document.write("<font color=′black′>" + myArray[weekday] + "</font>")
};
//-->
</script>
=====================================================
(2)如何创建js文件?
其实js文件也没有什么大不了的。只要将
<script language="JavaScript">和
</script>标签中间所有的内容另存为一个扩展名是js的文本文件即可。比如date.js就可以了。
(3)如何引用js文件?
现在已经创建并保存了js文件,只需要在合适的位置呼叫它即可。呼叫的方法是在HTML的适当位置加入如下代码:

<SCRIPT SRC="date.js">
</SCRIPT>

OK了!就这么简单,只要有javascripts脚本,就有了js文件。

需要注意的问题:
(1)js文件名不要超出8个字符;
(2)一个完整而独立的javascripts脚本使用外部js没有什么问题,如果有分成若干部分执行的脚本,使用js可能会出现问题。请使用不同的浏览器检测,我至少发现遇到这种情况,IE没有问题,NS就会报错。
(3)有时候,一个效果是通过好几个javascript脚本实现的,js文件里不要包含多个脚本的内容,它应该是独立的脚本。或者干脆创建多个js文件,再分别呼叫。
(4)记得,要有一个好习惯,再<script>和</script>间包含下面的行:
<!-- and
-->
上面的代码中也有。这些行把javascripts对一些比较老或者不支持javascripts的浏览器屏蔽起来,使它们进入你的页面不至于死掉。

<------本节结束------>

 

作者:一克
作者主页:Java2000(http://java2000.126.net)
摘录日期:1999.9.10
注意:任何人转载该文章必须注明作者的主页即本文的出处!

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3