javascript - 如何让html<a>标签自动运行

Question

 <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">Username or Password is incorrect.</div>
        <div class="modal-footer">
          <a class="btn btn-primary" href="login.html">Ok</a>
        </div>
      </div>
    </div>
  </div>

所以我有这个标签，目前是一个按钮。当我单击此按钮时，它会运行一条显示消息。

如何使此标记在页面打开或重新加载时自动运行。

<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>;

Answer 1

click() 方法对元素执行单击，就像用户手动单击它一样。

在代码中添加 ID:

<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal" id="example">Logout</a>

并使用js:

document.getElementById('example').click();