別のページにある他のdivのCSSプロパティを変更する

Question

こんにちは私はHTMLページのDOMを変更したいのですが、別のページから2ページ間で同じスクリプトを共有しようとしましたが、ここではうまくいきませんでした。

1 - 最初のページ

<div> 
<p id="simpletext">Hello world</p> 
<script src="jquery.min.js"></script> 
<script src="script.js" type ="text/javascript"></script> <!-- same script file is present in the second page --> 
</div> 

2秒ページ

<div> 
<button>Click me </button> 
<script src="jquery.min.js"></script> 
<script src="script.js" type ="text/javascript"></script><!-- same script file is present in the first page --> 
</div> 

をやろうとしています

script.js

$("button").on("click",function(){ 
    $("simpletext").css("color","blue"); 
    }); 

私はあなたがメッセージを送信することができます

Answer 1

最初のページ上のテキストの色を変更するために、私は2ページ目に配置されているボタンの願いをクリックしたときにしようとしていますあるページから別のページへ

window.addEventListener("message",function(event){ 
    if(event.data === "show") { 
    $("simpletext").css("color","blue"); 
    } 
}); 

私がいない場合、あなたが必要と、両方のウィンドウが同じマシン上で開かれていることを前提としています。メッセージを待ち、他のページで次に

$("button").on("click",function(){ 
    wondow.postMessage("show","*"); 
}); 

：ボタン側でメッセージを送信ajaxまたはwebsocketsを使用してサーバー側のプロキシ処理を行います。