2017-09-21 51 views
0

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

+0

只有在某些领域并在某个页面从另一个打开。 – Mouser

+0

单击事件可以在单独的浏览器选项卡中触发单击事件吗?不可以。这是为了防止恶意行为(黑客攻击)。 – smilebomb

+0

你可以在第二页上放置自己的JavaScript吗? – iquellis

回答

1

这是唯一可能的,如果第一页实际上生成第二页(通过window.open())。否则,您将无法通过其他窗口访问文档。

下面是一个例子:

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

这种情况。第一个按钮链接到第二个页面,我想单击第一个按钮也可以单击第二个页面上的按钮。 – Ebower

+0

@Eower不,链接到另一个页面并不是我说的,也不会工作。第一页必须以编程方式使第二个窗口与第二个页面一起创建。 –

+0

啊,我明白了,谢谢你的帮助。 – Ebower

0

该解决方案将工作,虽然,但它需要从一个页面传值到另一个。它无法将页面链接在一起。如果你想要看看websockets

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"); 
    } 
}); 
相关问题