如何按一个按钮点击其他页面上的按钮

时间:2017-09-21 18:20:32

标签: javascript html

我在一个html页面上有一个按钮,但是当点击时我希望它激活不同html页面上的不同按钮。这可能吗?

2 个答案:

答案 0 :(得分:1)

仅当第一页实际生成第二页(通过window.open())时才可以这样做。否则,您将无法在其他窗口中访问该文档。

以下是一个例子:

var newWin = window.open("other page in my domain");
var otherButton = newWin.document.querySelector("selector to find button");
otherButton.click();

答案 1 :(得分:0)

此解决方案虽然有效,但它需要将值从一个页面传递到另一个页面。它无法将页面链接在一起。如果您想要查看websockets

第1页

HTML

<button id="activate">Activate other page</button>

的JavaScript

document.querySelector("#activate").addEventListener("click", function(){
    location.href = "page2.html?button=activate"; //mind the querystring here.
});

第2页

HTML

<button id="toactivate" disabled>disabled button</button> 

的JavaScript

var activateButton = location.search.slice(1); //querystring | get rid of the ?
activateButton.split(/&/);
activateButton.forEach(function(value){
    var splitted = value.split("=");
    if (splitted[0] == "button" && splitted[1] == "activate")
    {
       document.querySelector("#toactivate").removeAttribute("disabled");
    } 
});