親ページの値を取得するために、layuiのポップアップウィンドウをどのように設定しますか？

1年 ago
優斗, 朝陽
1 minute

親ページの値をポップアップウィンドウ内で取得するために、以下の方法を使用できます：

  1. localStorageを使用すると、親ページで必要な値をlocalStorageに保存し、ポップアップレイヤー内でwindow.parent.localStorage.getItem()メソッドを使用して親ページの値を取得できます。

親ページ:

localStorage.setItem('data', '父页面的值');

ポップアップ：

var data = window.parent.localStorage.getItem('data');
console.log(data); // 输出：父页面的值
  1. URLパラメータを使用して情報を送信する方法は、ポップアップを開く際に、送信したい値をURLパラメータとしてポップアップのURLに渡し、ポップアップ内でwindow.location.searchを使用してURLパラメータを取得します。

親ページ:

var data = '父页面的值';
window.open('popup.html?data=' + encodeURIComponent(data));

ポップアップウィンドウ（popup.html）：

var urlParams = new URLSearchParams(window.location.search);
var data = urlParams.get('data');
console.log(decodeURIComponent(data)); // 输出：父页面的值
  1. window.openerを使用すると、ポップアップウィンドウ内で親ページのwindowオブジェクトを取得し、その後、window.opener.document.getElementById()などの方法を使用して親ページの要素の値を取得できます。

親ページ:

<input type="text" id="data" value="父页面的值">

ポップアップ：

var data = window.opener.document.getElementById('data').value;
console.log(data); // 输出：父页面的值

これらは一般的な親ページの値を取得する方法のいくつかです。自分に適した方法を選択してください。

bannerAds