怎样在页面中调用JS文件

最新推荐文章于 2023-05-17 14:13:51 发布

打杂人

最新推荐文章于 2023-05-17 14:13:51 发布

阅读量2.2k

点赞数

文章标签： javascript 脚本编程语言浏览器脚本语言 html

你看我不到专栏收录该内容

21 篇文章 0 订阅

订阅专栏

(转)怎样在页面中调用js文件

JS文件，就是JavaScript文件。

大段的代码放在网页中，看起来非常的头疼，这时我们可以把代码放到记事本，然后保存为JS文件。

比如，我们要在首页中加上一个对联式的广告，那么我们可以在网上找一段这样的代码，接着保存为JS文件（如dd.js)。

那么如何在首页中调用这个JS文件呢？

非常简单，只要在index页面中加上下面这句话就OK了。

<script src="dd.js"></SCRIPT>

学习简单使用语法:

一、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 + "你好！"
如果你有保存一个单独的js文件,调用时采用
<script src="*" type="text/javascript"></script>
就可以了
"*"指js文件的地址