js回调函数和函数带参数的使用示例

最新推荐文章于 2024-08-08 00:15:00 发布

a_靖

最新推荐文章于 2024-08-08 00:15:00 发布

阅读量8.6k

点赞数 3

分类专栏： JS Web前端文章标签： js回调函数简单的例子 js带参数函数的使用 js回调函数的使用

本文链接：https://blog.csdn.net/qq_35713752/article/details/78543474

版权

Web前端同时被 2 个专栏收录

404 篇文章 25 订阅

订阅专栏

186 篇文章 4 订阅

订阅专栏

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

//demo1
<html>
	<head>
		<meta charset="UTF-8">
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	</head>
	<body>
		<button type="button">Hide</button>
		<p>This is a paragraph with little content.</p>
		<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
		<!--此时参数name 为'Bill Gates ,job为CEO ,-->
		<script>
			$("button").click(function() { //回调函数
				$("p").hide(1000, function() {
					alert("The paragraph is now hidden");
				}); //会先隐藏然后执行回调函数
			});

			function myFunction(name, job) //此时参数name 和job为空 ,  
			{
				alert("Welcome " + name + ", the " + job);
			}
		</script>
	</body>
</html>

//demo2
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>回调函数</title>
	</head>
	<body>
		<script type="text/javascript">
			function a(callback){
				callback()
				console.log('我是函数a')
			}
			function b(){
				 setTimeout("console.log('我是回调函数b')", 1000);//模仿耗时操作  
			}
			a(b);
		</script>
	</body>
</html>