杭州交通信息网复光直流护眼灯:如何在html中调用JS文件
来源：百度文库 编辑：杭州交通信息网 时间：2024/04/27 19:27:42
我现在是想在网页中加入一个对联效果，对联的效果如果直接放在html页面中有效果，不过考虑到这样的后果会导致网页打开的速度变慢。因此想请教一下大家该怎样用一句简单的代码把这个JS文件调到网页中？请大家帮忙一下。谢谢了。
谢谢DosCP您的答复。这个我试过了，不行啊。可能我哪里错了。那请问还有什么需要注意的吗？
一、JavaScript脚本语言的特性
JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：
1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。
2、面向对象。具有内置对象，也可以直接操作浏览器对象。
3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。
4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。
5、只能与HTML语言一起使用。要通过浏览器解释执行。
二、如何在HTML中加入JavaScript脚本
JavaScript采用的格式如下：
<Script Language="JavaScript">
JavaScript 语句
</Script>
把上述语句放在HTML的<head>与</head>之间，也可放在<body>与</body>之间。
例子：在网页上显示“你好！”。
<html>
<body>
<Script Language="JavaScript">
alert("你好！")
</script>
</body>
</html>
三、在浏览器地址栏直接执行JavaScript脚本
也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。
如输入：javascript:alert(200*75)
四、调用JavaScript文件
可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。
例子：调用test.js文件，显示提示。
<html>
<body>
调用test.js文件
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
test.js的文件内容如下：
alert("这是被调用的语句。")
五、注释语句
用<!- ... ->表示注解部分，用作说明解释，浏览器不显示出来。不要也可以。
另外，双斜线 "//" ，是JavaScript 的注释语句，它后面的语句不被执行。
六、变量的使用
变量的声明：Var usename
变量的赋值：usename="李国强"
例子：在网页上显示“李国强你好！”。
<html>
<body>
<Script Language="JavaScript">
Var usename
usename="李国强"
alert(usename + "你好！")
</script>
</body>
</html>
七、数组
数组的定义：var name=new Array(5) 用 new 来生成数组。
数组的赋值：name[1]="Marry"
数组的初始化：var name=new Array("Marry","Petty","Mike","Jphn")
数组的引用：name[1]
注：数组的第一个素由1开始。
八、运算符与表达式
1、代数运算符：加（+）、减（-）、乘（*）、除（/）、取余（%）。
2、比较运算符：等于（==）、不等于（!=）、大于（>）、小于（<）、大于等于（>=）、小于等于（<=）。
3、逻辑运算符：逻辑与（&&）、逻辑或（||）、逻辑非（!）。
表达式：由变量和运算符组成的式子。如：usename + "你好！"
1. a href="javascript:js_method();"
这是平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
2. a href="javascript:void(0);" onclick="js_method()"
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
3.a href="javascript:;" onclick="js_method()"
这种方法跟跟2种类似，区别只是执行了一条空的js代码。
4.a href="#" onclick="js_method()"
这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
5.a href="#" onclick="js_method();return false;"
这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。
看了下taobao的主页，他们采用的是第2种方法，而alibaba的主页是采用的第1种方法，和我们的区别是每个href里的javascript方法都用try、catch包围。
综合上述，在a中调用js函数最适当的方法推荐使用：
代码如下:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"
在html文件的head中添加代码
<script src="../js/jquery-1.7.1min.js"></script>
src是js文件的路径
也可以把js文件直接拖进html页面
<script type="text/javascript" src="http://hostname/javascriptName.js"></script>