如何在html中调用JS文件
作者:admin 日期:2010-03-26
一、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 + "你好!"
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 + "你好!"
评论: 0 | 查看次数: 14335