求js弹出窗口修改数据然后返回的方法

JavaScript013

求js弹出窗口修改数据然后返回的方法,第1张

常用两种返回方法：

1.window.showModalDialog(url,args,dialogattrs) 

参数说明： 

url:弹出页面地址 

agrs：主窗口传给对话框的参数，可以是任意类型（数组也可以） 

dialogattrs：弹出窗口的样式参数 

模式对话框用法： 

主窗口：var value =window.showModalDialog('test.jsp',strs,'resizable:yes') 

弹出框中通过window.returnValue设置返回值。

2。window.open: 

【父窗口】 

代码如下: 

<script> 

function show_child() 

{ 

var child=window .open("child.html","child","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no") 

/* if(!child.closed) 

{ 

if(!window .close()) 

{ 

var textValue = frm.txt.value parent.frm0.txt0.value = textValue 

} 

else 

{ 

window .close() 

child.close() 

} 

}*/ 

} 

</script> 

<a href="javascript:show_child()">打开子窗口</a> 

<form name=frm0> 

<input type="text" name="txt0" id="txt0"> //注意这里一定要写ID属性不然FF下取不到值 

</form> 

【子窗口】

代码如下： 

<script> 

function choseItem() 

{ 

var v="" 

var check_item = document.frm.item 

for(i=0i<check_item.lengthi++) 

{ 

if(check_item[i].checked) 

{ 

v+=","+check_item[i].value 

} 

document.frm.txt.value=v.replace(/^,{1}/,"") 

} 

} 

function foo() 

{ 

window .close() 

window .opener.document.getElementById("txt0").value=document.getElementById("txt").value 

} 

</script> 

<body> 

<form name=frm> 

<input type=checkbox name=item value=1 onclick="choseItem()">a 

<input type=checkbox name=item value=2 onclick="choseItem()">b 

<input type=checkbox name=item value=3 onclick="choseItem()">c 

<input type=checkbox name=item value=4 onclick="choseItem()">d 

<input type=text name="txt" id="txt"> 

</form> 

<input type=button value="关闭" onclick="foo()"> 

</body>

首先说一下带参数的函数：

这个demo函数就需要传进两个参数m,n。

然而什么是带返回值的函数呢？就是将值返回到调用它的地方，用return实现返回。

要注意的是：一旦使用return，则函数停止执行，同时把值返回到调用它的地方。

这样a的值就是demo函数返回的值，“你看，直接返回了”，以及和“，返回第一次”的字符串拼接。

扩展资料：

带返回值的函数一般都会把一个函数的最终结果传递出去，比如下面就是一个加法器。

这样我们就可以只用add(m,n)这个函数来运行加法，而不需要知道里面是什么情况。

js里面的返回值有三种意思：

第一种情况，也是用得最多的情况，返回值是用于获取函数执行完毕后，获取到我们需要得到的结果；

第二种情况，就是返回空值，用来中止程序的；

第三种情况，用于防止事件冒泡，这种情况多在IE下生效。