跨域中,子窗口與父窗口的傳值取值

 版權聲明：本文為博主原創文章，未經博主允許不得轉載。

 

第一次寫子窗口與父窗口的傳值取值的時候,我上網搜索了一些資料,然后我做了一個小的Demo,發現他們一般的傳值方式都是比較簡單的.但是有時候在不同環境下的操作不一定可以用到

 

根據http://blog.csdn.net/qq_26676207/article/details/50973890 博客,侵立刪

 

//獲取父窗口的值

var bmid=window.opener.document.getElementsByName('bmids')[0].id;//根據name獲取父文本框id

var bmids=window.opener.document.getElementById(bmid).value;獲取父文本框的值

 

//在子窗口給父窗口賦值

 var bmids=window.opener.document.getElementsByName('S_department')[0].id;//根據name獲取父文本框id

window.opener.document.getElementById(bmids).value=bmname;//子窗口向父窗口文本框賦值 

 

我本人的環境是使用了fancybox插件 ,Fancybox是一款基於jquery開發的類Lightbox插件。 官網:  http://fancybox.net/

在父頁面中:

 

<script type="text/javascript">
//fancybox彈出框
        function list(id) {
             $.fancybox({//調用fancybox彈出層 
                   'type':'iframe', 
                    'href':'URL地址', 
                    'width' : 940,
                    'height' : 900,
                    'showCloseButton' : true,
                    'centerOnScroll' : true,
                   'hideOnOverlayClick' : true,
                     }); 
             }; 
</script>

<textarea id="userId" rows="5" cols="20" onclick='list("1")'></textarea>

fancybox插件的介紹我的不多說了,各位看官有時間可以去了解一下

上面的意思的是   點擊textarea輸入框的時候,彈出一個框架

 

在框架中點擊確認的時候    把選擇的信息返回到textarea框中

這個框架是子窗口

$('#userId', parent.document).attr("value", data);   //userId就是你要把信息賦值在輸入框中的id     data自然就是你傳過去的信息