javascript - 在其他页面上单击另一个按钮后自动单击按钮

标签 javascript jquery html

我有 2 个页面:index.html 和 contact.html,每个页面都有一个按钮(索引页面的标签)。当我点击联系页面上的按钮时,它应该重定向到索引页面并自动点击索引页面。这可能吗?

这是我的索引页:

<div id = "wrapper"> 

  <a id="btn-show-content" href="#"></a>

</div>

这是我的联系页面:

<div id = "contact-wrapper">
    <button id="btn-back"></button>
</div>

最佳答案

您可以在联系页面的按钮中添加查询

<div id = "contact-wrapper">
  <a href="index.html#triggerbtn"></a>
</div>

然后,当索引页面加载时,它会触发索引页面中的 triggerMe() 函数,您进行 url hash 的检查

 <body onload="triggerMe()"></body>
 <script>
    function triggerMe() {
       var check = location.hash;
       if (check == "triggerbtn") {
           //button trigger even though you do not click on it
           $('#btn-show-content').trigger('click');    
       }
    }
 </script>

我假设你只需要在点击联系人页面中的按钮时触发该功能。如果你需要在你进入索引页面时一直发生这个 Action ,你可以使用

$(document).ready(function() {
   $('#btn-show-content').trigger('click');
});

关于javascript - 在其他页面上单击另一个按钮后自动单击按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29838373/

相关文章:

javascript - JavaScript 中的构造函数

jquery - CGridView - 为删除行按钮添加自定义功能

jquery - 触发页面加载而不是 Web 方法

html - 从另一个 css 类继承

html - 将 .PDF 文件插入 HTML 页面的替代方法

javascript - ES6 速记对象键检查

javascript - jQuery 获取父 ID 不起作用

javascript - Angular 1.2 的 debugInfoEnabled

javascript - Jquery 函数处理程序复杂

jQuery 菜单,单击时展开和缩回菜单