如何在html中调用JS文件

如何在html中调用JS文件,第1张

一、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(20075)

四、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"js"的文件中,需要时再调用。

例子:调用testjs文件,显示提示。

<html>

<body>

调用testjs文件

<script language="JavaScript" src="testjs">

</script>

</body>

</html>

testjs的文件内容如下:

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

不同程序语言嵌入到一起,但执行时机却不是看上去那样。

如果希望 num 的值来之 Javascript 的执行结果,可以有变通的方式,比如:

<a id="addItem" href="#">添加</a><script>

    var addItem = documentgetElementById('addItem');

    addItemaddEventListener('click',function(e){

        epreventDetault();// 阻止 href 中的 # 在地址栏体现

        var num = documentgetElementById('num')value;

        windowlocationhref = 'insertFindServletnum=' + num;

    });

</script>

这种把 Javascript 与 Html 分离的写法,换来的是更多的自由,也不会有任何纠结。

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

1、首先,打开html编辑器,新建html文件,例如:indexhtml,引用外部js,例如indexjs。

2、在外部indexjs中定义aaa函数。

3、在indexhtml中调用外部js中的aaa()函数。

4、浏览器运行indexhtml页面,此时成功调用外部js中aaa函数打印了内容。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/langs/13495211.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存