3

こんにちは皆さん、私のウェブサイトに問題があります。状況は次のとおりです。

ページ1

<script type="text/javascript" src="jscript.js">
<input type="button" value="change" onClick="changeAttr()">

ページ2

<script type="text/javascript" src="jscript.js">
<input type="text" value="Hello" id="dynamictext">

jscript.js

function changeAttr(){
document.getElemenyById('dynamictext').value="World";
}

現在、これら 2 つのページは別のタブで開かれています。私がしたいことは、ページ 1 のボタンがクリックされるたびに、ページ 2 の入力テキストの値が「World」に変わることです。JavascriptまたはJqueryでこれを可能にするにはどうすればよいですか?

4

4 に答える 4

0

あるタブから別のタブへ DOM 要素に直接アクセスすることはできません。それは深刻なセキュリティ問題になります。

  • Cookie を使用して、2 つのページ間で通信できます (両方ともあなたの管理下にあると仮定します)。この件については、この他の SO の質問を参照してください。
  • 最新のブラウザーのみを対象としている場合は、LocalStorage API を使用することもできます。この SO answerを参照してください。

どちらの方法でも、データを共有できます。次に、受信したコマンドに従って DOM を操作するために、独自のプロトコルを定義する必要があります。

于 2013-10-07T18:10:21.093 に答える