如何在html中调用JS文件

小灰灰 2021-01-27 16:06 818阅读 0赞

一、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 + "你好！"