如何在html中调用JS文件?

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

(1)在html文件的head中添加代码,例如:

<script src="../js/jquery-1.7.1min.js"></script>(src是js文件的路径)

(2)也可以把js文件直接拖进html页面

科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

例子1:调用函数方式

<HTML>

<HEAD>

<TITLE>测试按钮事件</TITLE>

<SCRIPT LANGUAGE="VBScript">

Function test()

msgbox "你还真点我?"

End Function

</SCRIPT>

</HEAD>

<BODY>

<input type="button" value="点击我" onclick="vbscript:test()">

</BODY>

</HTML>

=====================================================

例子2:事件触发方式

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>VBSCRIPT与html</title>

</head>

<script language="vbscript">

option explicit

dim a,b,c

sub btmshow_onclick

a=abc.text1.value

b=abc.text2.value

if a>b then

c = a

else

c=b

end if

abc.text3.value=c

end sub

</script>

<body>

<form name="abc">

<p>请输入第一个数字:<input type="text" width="60" name="text1"></p>

<p>请输入第二个数字:<input type="text" width="60" name="text2"></p>

<p>两个数字最大值为:<input type="text" width="60" name="text3"></p>

<p><input type="button" name="btmshow" value="输入"></button>

<input type="reset" name="reshow" value="重设"></p>

</form>

</body>

</html>

====================================================

例子3:在窗体中嵌入脚本代码以响应窗体中按钮的单击事件

<HTML>

<HEAD>

<TITLE>测试按钮事件</TITLE>

</HEAD>

<BODY>

<FORM NAME="Form1">

<INPUT TYPE="Button" NAME="Button1" VALUE="单击">

<SCRIPT FOR="Button1" EVENT="onClick" LANGUAGE="VBScript">

MsgBox "按钮被单击!"

</SCRIPT>

</FORM>

</BODY>

</HTML>


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

原文地址: http://outofmemory.cn/zaji/8313489.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存