layer給iframe頁面傳值
阿新 • • 發佈:2018-12-25
最近使用layer的彈窗功能,在傳參上遇到了問題。
有兩種情況。
1. 父頁面給子頁面傳參;這個可以在url後拼接,比如test.html?a=1
2. 父頁面獲取子頁面操作DOM
說明:本文實現了第二種,我看到第一種方案的實現方法是在父頁面中用正則表示式去搜索test.html?a=1 這樣來達到獲取引數
layer.open({
title: '請填寫資訊',
type: 2, //設定為2則可以跳轉頁面
area: [width, height],
shadeClose: true , //點選遮罩關閉
content: 'form.jsp',
success: function(layero, index){
//注意這裡的#sid是iframe頁面中的一個標籤id
var jquerySendHelloButton = $("#sid", layero.find("iframe")[0].contentWindow.document);
jquerySendHelloButton.attr("value", sid );
},
});
在iframe頁面用一個標籤,為了不影響頁面,設定為隱藏
<!-- 用來儲存父頁面傳過來的id -->
<input type="text" id="sid" style="display:none">
注意,這裡的sid和這裡sid對應
var jquerySendHelloButton = $("#sid", layero.find("iframe")[0].contentWindow.document);