javascript - データを別のウィンドウに送信 javascript

Question

以下を使用して、既存のページから新しいポップアップウィンドウを作成しました。

window.open("myUrl","myName","width=200,height=200");

そのポップアップウィンドウにテキスト入力とボタンがあり、フォームやphpを使用せずにテキスト入力値をポップアップを作成したページに送信するボタンのonclickメソッドを作成したいのですが、これは可能ですか?

score 7 · Accepted Answer

window.openerキーワードを使用できます

親クラスにjavascriptメソッド doSomething(value){....} があるとしましょう。次に、POPUPから親関数を呼び出すことができます

window.opener.doSomething("here is my data from child sent to parent");

更新しました

score 2 · Accepted Answer

親ウィンドウと新しいウィンドウの両方が同じドメインにあると仮定すると、それらの JS 環境を直接操作できるはずです。

var w = window.open("myUrl", "myName", "width=200,height=200");
var e = w.document.getElementById('someId');
// do something with element e

それらが異なるドメインにあり、 window.postMessage が対象のブラウザーでサポートされていない場合は、 window.postMessageまたはその他のクロスドメインメッセージング技術を使用する必要がある場合があります。

score 0 · Accepted Answer

開いているウィンドウの呼び出しは、新しいウィンドウへの取得要求を形成します。これは、次のように URL 自体を使用して送信するパラメーターを渡す非常に簡単な方法です。

var myUrl = "http://example.com/test?myName=" + myName;
window.open(myUrl,"windowName","width=200,height=200");

このページで、リクエストパラメータとして myName を取得できます。これを試してください。

3 に答える 3