HTML / JavaScript-鏈接到頁面，然后在其中單擊一個按鈕

Question

我有兩個頁面，第1頁和第2頁。第2頁上有幾個按鈕，它們調用一個JavaScript函數，並顯示文本（我認為代碼與此無關，因此我將省略）。

我需要在頁面1上創建鏈接到頁面2的鏈接，然后單擊相應的按鈕。

如果用戶單擊頁面1上的LINK1，則應轉到頁面2並觸發對該按鈕的單擊。

這樣的事情可能嗎？

非常感謝！

Answer 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();
  }
}

Answer 2

在第二頁上，您可以將其添加到腳本的開頭：

jQuery的：

$(document).ready(function(){

$(#div).show();

});

或香草味：

window.onload = function() {

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

};

問題是，如果我正確理解您的要求，則無需觸發按鈕，只需顯示div。 如果您希望按鈕現在隱藏div，則可能會帶來一些問題。 但是，您可以添加一個簡單的功能，該功能僅在隱藏之間變化，而在顯示之間變化。

希望能幫助到你。

Answer 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。

感謝大家！！