如何调用js文件

JavaScript010

如何调用js文件,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.js中,实现func1和func2函数。

3、在index.html中,新增第3个button,并调用func3()方法,并在<script>标签中输入js代码:

function func3() {

$('body').append('use func3<br/>')

}

4、浏览器运行index.html页面,此时点击“函数3”按钮,能正常执行func3函数来输出内容。

说下几种方法吧:<br>1.用alert 这个最最直观 把你想要的内容弹出来给你看,但是要看哪里 就要在哪里加,比较麻烦<br>2.用firefox 或者chrome浏览器 里面有debug工具的<br>3.如果想用ie来debug的话 记得用ie8 或者以上版本

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