HTML/JavaScript - 链接到一个页面并点击一个按钮答案

【问题标题】：HTML/JavaScript - link to a page and click on a button once thereHTML/JavaScript - 链接到一个页面并点击一个按钮
【发布时间】：2018-02-20 12:02:43
【问题描述】：

我有两页，第 1 页和第 2 页。第 2 页上有几个按钮，它们调用 JavaScript 函数，显示文本（我认为代码与此无关，所以我将省略）。

我需要在第 1 页上创建链接到第 2 页的链接，然后单击相应的按钮。

如果用户点击页面 1 上的 LINK1，她应该转到页面 2 并触发点击那里的某个按钮。

这样的事情可能吗？

非常感谢！

【问题讨论】：

使用锚标签
你知道< a href="https:// domain.com" >吗？
也许见stackoverflow.com/questions/27892595/…
Kannan, theAlexandrian - 我知道如何创建链接，但不知道如何从元素单击我链接到的页面上的按钮。
谢谢克里斯，我去看看。

标签： javascript html hyperlink

【解决方案1】：

您可以执行以下操作（未测试）：

第 1 页：

<a href="page2.html?action=triggerClick"/>Link</a>

第 2 页：

window.onload = function() {
  var url = new URL(window.location.href);
  var action = url.searchParams.get('action');
  if (action == 'triggerClick') {
    document.getElementById('buttonId').click();
  }
}

【讨论】：

谢谢，我试试这个。

【解决方案2】：

在第二页，您可以将其添加到脚本的开头：

JQuery:

$(document).ready(function(){

$(#div).show();

});

或者在原版中：

window.onload = function() {

 document.getElementById("div").display = "block";

};

问题是，如果我理解正确你的问题，你不需要触发按钮，你可以只显示 div。如果您希望按钮现在隐藏 div，这可能会带来一些问题。但是你可以添加一个简单的函数，从隐藏到显示，从显示到隐藏。

希望对你有帮助。

【讨论】：

但这只会在每次页面加载时显示特定的 div，对吧？我在页面上有几个 div，我希望链接打开页面并只显示我想要的 div，所以我需要以某种方式告诉它从第一页显示哪个 div，从我链接的位置。

【解决方案3】：

我想通了。在第一页我使用这样的链接：

<a href="page2.html?firstButton">First Link<a>

第二页的脚本：

var clickTrigger = window.location.search.substring(1);
window.onload = function() {
     document.getElementById(clickTrigger).click();
    }

第二页上的按钮都有对应于我在第一页链接中使用的 clickTriggers 的 ID。

谢谢大家！！

【讨论】：