实现点击页面弹窗,选择弹窗中内容发送回主页面的大概思路。
2013-06-27 09:12
302 查看
1.主页面大致如下操作 mian.html
2. 子页面部分代码如下 son.html
注:sendToMainPage() 中记得加参数。
3.主要在于self.opener。self代表当前对象,opener代表父类对象。
<!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" /> <title></title> <script language="javascript"> function from_child(t_ssid, t_bssid){ var form=document.form2; form.wds_ssid.value=t_ssid; form.wds_bssid.value=t_bssid; } function open_scan_page(){ window.open("fh_scan.php","search","height=450,width=400,top=200,left=300,toolbar=no,menubar=no,scrollbars=yes,location=no,status=no"); } </script> </head> <body "> <input type="text" name="wds_ssid" id="wds_ssid" style="width:160px;" /> <input type="text" name="wds_bssid" id="bwds_ssid" style="width:160px;" /> <input type="button" value="扫描" onclick="open_scan_page()" style="width:60px;"/> </body> </html>
2. 子页面部分代码如下 son.html
<html> <head><title></title> <script type="text/javascript"> function sendToMainPage(x,y){ self.opener.from_child(x,y); window.close(); return false; } </script></head> <body> <button type="button" onClick="self.opener.from_child(“1”,“2”);window.close();">选用</button>" <!--<button type="button" onClick="sendToMainPage()"</button> --> </body> </html>
注:sendToMainPage() 中记得加参数。
3.主要在于self.opener。self代表当前对象,opener代表父类对象。
相关文章推荐
- 用A标签实现页面内容定位 点击链接跳到具体位置
- Axure实现选择下拉菜单后点击确认按钮,跳转到对应页面
- zTree树插件实现点击左侧树,右侧展示文章列表页面实现思路
- asp.net 中点击button弹出模式对话框,选择值后返回到页面中(window.showModalDialog实现)
- javascript 实现复制功能,选择页面内容
- android 点击按钮实现页面跳转并显示以选择信息
- 浅析基于WEB前端页面的页面内容搜索的实现思路
- 输出带有是/否的对话框,实现效果是:点击是,继续添加内容,点击否,返回自己定义的页面
- 两行代码搞定iOS自定义HUD风格动画弹窗(支持选择记录) - SKChoosePopView的使用和实现思路
- 实现发送邮件动态html内容的几种思路
- 点击页面中的重新选择字样后所选内容重置
- WEB页面内容禁止选择、复制、右键等实现
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- AJAX实现不刷新页面点击按钮在目标位置加载目标内容
- 点击新增按钮,弹出对话框,并且对话框加载另外一个页面的内容的具体实现
- 点击页面div弹窗以外隐藏的两种思路
- 实现同一页面点击导航下边内容直接替换
- js实现当页面文字过长时用...表示,当点击时显示全部内容
- 实现发送邮件动态html内容的几种思路