时间:2021-04-16
在大多数情况下,我们都把一段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的浏览器屏蔽起来,使它们进入你的页面不至于死掉。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
网站建设好之后,都会进行seo优化,我们说熟悉的就是网站内部和外部优化,而外部主要是外链建设方面。今天小编就来和你说一说网站优化中如何给网站发外链,有哪些方
前言今天做了个分享功能,反正挺诡异的,下面就来说一说步骤后端使用egg.js,代码如下:'usestrict';constSubscription=requir
前言最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧。效果展示半透明不透明常见的失败做法最常见的做法事设置元素
AboutJS、CSSCSS:样式表置于顶部避免CSS表达式使用外部JS、CSS削减JS、CSS,@import避免滤镜JS:脚本置于底部使用外部JS、CSS削
文中考试大纲:说一说直通车推广新创建方案沒有点一下怎样做的目前提到淘宝商家应用直通车推广产品,由于那样能够为店面产生大量的点击量及其访问者,近期有商家发觉说一说