JavaScript中函数的调用

JavaScript中函数的调用

制作人:全心全意

在JavaScript中,函数定义后并不会自动执行,要执行一个函数需要在特定的位置调用该函数,调用函数需要创建调用语句,调用语句包含函数名称和参数。

函数的简单调用

函数的定义语句通常被放在HTML文件的<HEAD>段中,而函数的调用语句通常被放在<BODY>段中,如果在函数定义之前调用函数,执行将会出错。

函数的简单调用基本语法格式如下:

<html>
<head>
<meta charset="utf-8">
<title>欢迎访问</title>
<script type="text/javascript">
	//定义函数
	function functionName(parameter) {
		statements;
	}
</script>
</head>
<body>
	<script type="text/javascript">
		//调用函数
		functionName(parameter);
	</script>
</body>
</html>

 

在事件中调用函数

当用户单击某个按钮或选中某个复选框时都将触发事件,通过编写程序对事件作出反应的行为称为响应事件,在JavaScript语言中,将函数与事件相关联就完成了响应事件的过程。如当用户单击某个按钮时执行相应的函数。

在事件中调用函数的基本语法格式如下:

<html>
<head>
<meta charset="utf-8">
<title>欢迎访问</title>
<script type="text/javascript">
	function test() {
		alert("test");
	}
</script>
</head>
<body>
	<form action="" method="post" name="form1">
		<input type="button" value="提交" οnclick="test();">
		//在按钮单击事件触发时调用自定义的函数
	</form>
</body>
</html>

  

通过链接调用函数

函数除了可以在响应事件中被调用之外,还可以在链接中被调用,在<a>标签中的href标记中使用“javascript:关键字”链接来调用函数。

通过链接调用函数的基本语法格式如下:

<html>
<head>
<meta charset="utf-8">
<title>欢迎访问</title>
<script type="text/javascript">
	function test() {
		alert("test");
	}
</script>
</head>
<body>
	<a href="javascript:test()">test</a> //在链接中调用函数
</body>
</html>

  

 

转载于:https://www.cnblogs.com/zhangquan-yw/p/10252865.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值