为了实现js代码的复用,经常将代码存储于一个单独的文件中,然后通过<script>标记将其链接到html页面中。
一、单独的文件代码中不需要加入<script>标记,文件名为*.js。
如,将下面的代码直接保存为welcome.js
function welcome(){
alert("Welcome to my Web site!");
}
然后在HTML页面中使用如下标记引用这个文件:
<script language="javascript" type="text/javascript" src="welcome.js"></script>
注意:这里标记必须写成<script></script>形式,否则浏览器无法正确解析。
二、编码问题
使用外部js文件需要注意编码问题。外部文件实现原理是:浏览器将外部文件内容复制过来嵌入到HTML页面中,再执行,这个复制过程是一个二进制的拷贝,因此,HTML页面与js文件的编码不一致或者不兼容,就会产生问题(乱码、不能执行等)。
解决方法是统一两者的编码,现在通用的是utf-8编码。改变编码的方法:1、用记事本打开文件,文件-另存为,在“编码选择”下拉框选择utf-8,保存覆盖原文件即可。2、使用<script>的charset属性,指定外部文件编码方式,例如:下面代码表示外部js文件是以gb2312编码的:
<script type="text/javascript" src="welcome.js" charset="gb2312"></script>