<!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 apprise(string, args, callback) //这里是args传递的是一个对象,而callback是一个方法 { var default_args = { 'input' : false, // 是否有文本框 'textOk' : "确定", // 确定按钮的默认值 'textCancel' : "取消" // 取消按钮的默认值 } if(args) //如果参数有值 { for(var index in default_args) //default_args 有3个属性,我们对这3个属性进行循环 { if(typeof args[index] == "undefined") // 如果传递进来的参数的其中一个属性的值为undefined的话 { args[index] = default_args[index];
//我们就给传递的参数的其中的一个属性一个默认值(这个默认值由default_args来提供) } } } //开始创建一个div var div='<div id="mydiv" style="border:1px #ccc solid;500px; height:300px">'+string; //如果需要创建文本框的话,我们就创建一个input if(args["input"]==true){ div+='<input type="text">'; } //创建2个按钮 div+='<button value="ok">'+args["textOk"]+'</button><button value="cancel">'+args["textCancel"]+'</button>'+ '</div>'; $(div).appendTo($("body")); $("#mydiv > button").click(function(){ if(this.value=="ok"){ var txt=$("#mydiv > input[type='text']").val(); if(typeof(txt)!="undefined"){ //如果文本不为undefined的话,我们就回调文本,否则就回调false callback(txt);//调用传进来的函数方法,并且把txt当做参数穿进去 ,就会执行 alert(canshu) 这个方法体了 } else{ callback(false); } }else { callback(false); //如果点击的是取消按钮,则直接返回false } }); } function my(){ apprise("请输入分组的名称", { 'input': true,'textOk':'点是'},function(re_value){ //这里实际上就是把canshu当做是返回值在使用 //如果你有什么ajax要提交 这里是最合适不过了 if(re_value){ //如果re_value有值的话 if (typeof (re_value) == 'string') { //如果返回的是个字符串,我们就弹出来 alert(re_value) } } }); } </script> <body> <input type="button" onclick="my()" value="点击" /> </body> </html>