JavaScript四种函数调用方式

最新推荐文章于 2024-04-11 17:57:58 发布

woaijianjiandandande

最新推荐文章于 2024-04-11 17:57:58 发布

阅读量7.6k

点赞数 6

分类专栏： JavaScript 文章标签： JavaScript四种函数调用方式

本文链接：https://blog.csdn.net/woaijianjiandandande/article/details/52858326

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

整体说明：javaScript函数的调用方式是多样化的，且非常常用，完全不同于你之前学过的其他编程语言的调用方式，一下列举了javaScript中涵盖的四种调用方式，每种调用方式下面都给出了例子进一步解释说明，每个例子都是博主亲身试验运行通过的范例，希望对你能有所帮助。

一、简单调用

说明：一般适用于没有返回值的函数，重点在于执行函数中的语句集合

<span style="font-family:Arial;font-size:12px;"><!DOCTYPE html>
<html>
<head>
	<title>这是JavaScript</title>
	<script type="text/javascript">
       function isLeapYear(number){
		   if(number%2==0)
		   {

		   	return alert(number+'是偶数');
		   	 
		   }
		   else
		   {
		   	return alert(number+'是偶数');
		   }
		   }
       <span style="color:#ff0000;"> isLeapYear(10);</span>
	</script>
</head>
<body>
</body>
</html></span>

二、在表达式中调用

说明：一般情况下当函数有返回值的时候，可在表达式中进行调用，使得函数的返回值参与表达式的计算。通常该调用方式与输出语句（例如：document.write(),alert()）结合使用。

<span style="font-family:Arial;font-size:12px;"><head>
	<title>这是JavaScript</title>
	<script type="text/javascript">
       function isLeapYear(number){
		   if(number%2==0)
		   {

		   	return number+"是偶数";
		   }
		   else
		   {

		   	return number+"是奇数";
		   }
		   }
		 <span style="color:#ff0000;">  //document.write(isLeapYear(10));</span>
		 <span style="color:#ff0000;">  alert(isLeapYear(10));</span>
	</script>
</head>
<body>

</body>
</html></span>

三、在事件相应中调用

说明：一般情况下调用某个函数为某一个事件作出响应，通常遇到的页面事件有，页面加载，用户点击，移动光标等事件

<span style="font-family:Arial;font-size:12px;"><head>
	<title>这是JavaScript</title>
	<script type="text/javascript">
       function isLeapYear(number){
		   if(number%2==0)
		   {

		   	return alert(number+'是偶数');
		   	 
		   }
		   else
		   {
		   	return alert(number+'是偶数');
		   }
		   }
	</script>
</head>
<body>
<input type="button" value="确定" <span style="color:#ff0000;">οnclick="isLeapYear(10)"</span>>
</body>
</html></span>

四、通过链接调用

语法：<a href="javascript:函数名"></a>

说明：一般用户需要点击某个超链接时，系统自动执行某个函数

<span style="font-family:Arial;font-size:12px;"><!DOCTYPE html>
<html>
<head>
	<title>这是JavaScript</title>
	<script type="text/javascript">
       function isLeapYear(number){
		   if(number%2==0)
		   {

		   	return alert(number+'是偶数');
		   	 
		   }
		   else
		   {
		   	return alert(number+'是偶数');
		   }
		   }

	</script>
</head>
<body>
<span style="color:#ff0000;"> <a href="javascript:isLeapYear(10)">点击这里</a></span>
</body>
</html></span>