注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> JavaScript >> 说一说外部js脚本的做法
热门:word | excel | powerpoint

说一说外部js脚本的做法

2013/2/11 9:06:52 所属分类:页面特效 - JavaScript
内容提要:说一说外部js脚本的做法,在大多数情况下,我们都把一段javascripts代码直接放在HTML的某个位置就能很好地工作,但是你试过没有,使用一个外部独立的javascripts呢?一些*.js的文件就是了。这样做有什么好处?

  在大多数情况下,我们都把一段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的浏览器屏蔽起来,使它们进入你的页面不至于死掉。

页面特效 | JavaScript
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息