更改另一个页面中另一个div的CSS属性

你好我想改变一个html页面的DOM，但是从另一个页面我尝试在两个页面之间共享相同的脚本，但它没有工作在这里是我想要做的图解

1-第一页

 
Hello world
     

2页第二页

 
 Click me     

的script.js

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

我试图当我点击按钮希望位于第二页时更改第一页上的文字的颜色

Answer 1

您可以将消息从一个页面发送到另一个页面。 在按钮侧发送消息：

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

然后在另一页，等待一条消息：

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

我假设两个窗口都在同一台机器上打开，如果没有，你需要ajax或websockets代替服务器代理。