js作为参数,并且返回值;js的回调模式 callback

有这样一个情景,当我们弹出一个 prompt的时候,要求用户在文本框输入一个文字,然后点击确认,就可以拿到返回值

var temp=prompt("请输入您的名字");
alert(temp)

比较简单,那么如果是我们自己手动写一个弹出层,层里面一个文本框,然后点击确认的时候,怎么返回这个文本框的值呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<title>无标题文档</title>
</head>
<script type="text/javascript">function myprompt(string, myfunction){   //这里的myfunction实际就是把方法当做参数给传递进来了var div='<div id="mydiv" style="border:1px #ccc solid;width:500px; height:300px">'+string+'<input type="text" id="name">'+'<button value="ok">确定</button><button value="cancel">取消</button>'+ '</div>';$(div).appendTo($("body"));$("#mydiv > button").click(function(){if(this.value=="ok"){var txt=$("#name").val();              myfunction(txt);//调用传进来的函数方法,并且把txt当做参数穿进去 ,就会执行 alert(canshu) 这个方法体了}});
}
function my(){myprompt("请输入分组的名称",function(canshu){//这里实际上就是把canshu 这个值给传递出来了,或者也可以说,我们是把这个function给传到 myprompt 里面去了alert(canshu)});
}
</script>
<body>
<button value="ok" οnclick="javascript:alert(this.value)">文字</button>
<input  type="button" οnclick="my()" value="点击" />
</body>
</html>

这里要注意的是我们把一个方法,直接当做了参数给传递进去了

myprompt("请输入分组的名称",function(canshu){
         //这里实际上就是把canshu 这个值给传递出来了,或者也可以说,我们是把这个function给传到 myprompt 里面去了
         alert(canshu)
         });

然后在myprompt里面,我们调用了方法

myfunction(txt);//调用传进来的函数方法,并且把txt当做参数穿进去 ,就会执行 alert(canshu) 这个方法体了

这样,就相当于是把txt给传递出来了

js作为参数,并且返回值;js的回调模式 callback相关推荐

SpringMVC中通过@ResponseBody返回对象，Js中调用@ResponseBody返回值，统计剩余评论字数的js，@RequestParam默认值，@PathVariable的用法
1.SpringMVC中通过@ResponseBody返回对象,作为JQuery中的ajax返回值 package com.kuman.cartoon.controller; import java. ...
js中递归调用返回值为undefined问题
js中递归调用返回值为undefined问题问题重现下面这个简单的递归函数理论上弹出的是11 但是............. 问题解决在函数调用处加return
autoit在IE浏览器上执行js并拿到返回值
autoit在IE浏览器上执行js并拿到返回值一.介绍二.IE扩展三.通过autoit在IE浏览器执行js 1.拿到浏览器 2.编写js 3.执行js 四.得到返回值五.完整代码六.字符特殊 ...
php 函数返回值mixed,认识函数的类型、参数与返回值
函数的类型.参数与返回值一.函数的基本语法语法 functionfunctionName(类型限定参数列表):返回值类型 { } 案例:计算两个数之和. functionsum(int$a,int$ ...
Java笔记-JNI中简单的参数与返回值处理
目录基本概念代码及演示基本概念此篇博文记录了JNI的基本规范,与使用: https://blog.csdn.net/qq78442761/article/details/94849374 在本 ...
.net前台ajax,asp.net利用Ajax和Jquery在前台向后台传参数并返回值
1----------前台首先需要 Jquer的包下面是 $(function () { $('#txtUserName').blur(function () { var username = $ ...
Go 学习笔记（61）— Go 高阶函数、函数作为一等公民（函数作为输入参数、返回值、变量）的写法
函数在 Go 语言中属于"一等公民(First-Class Citizen)"拥有"一等公民"待遇的语法元素可以如下使用可以存储在变量中: 可以作为参数传递给 ...
EntityCURD操作的参数和返回值
以下是netbeans根据实体自动生成的CURD模板: /** To change this template, choose Tools | Templates* and open the temp ...
C#使用ExecuteReader返回DataReader既有查询结果集又有输出参数或返回值的使用注意事项...
Command 对象公开了几个可用于执行所需操作的 Execute 方法.当以数据流的形式返回结果时,使用 ExecuteReader 可返回 DataReader 对象.使用 ExecuteScal ...

js作为参数,并且返回值;js的回调模式 callback

js作为参数,并且返回值;js的回调模式 callback相关推荐

最新文章

热门文章