Question

如何创建链接，单击该链接后您会转到特定页面，等待3秒钟，然后自动单击该当前页面上的特定内部链接？

目前我有这个
HTML：

<a href="http://www.example.com#pupup_element_27_child">Go to Page</a>

Javascript：

 if(window.location.hash === "#pupup_element_27_child"){

 }

我检查了其他一些我认为可能相似但又不那么具体的问题。

Answer 1

如果有两个不同的页面，则可以在3秒后使用URL参数来跟踪所需的链接。目标页面中的代码（在URL之后添加？followLink）：

<body onload="followLink()">
<a href="http://pudim.com.br" id="link" target="_blank">Automatically follow this link after 3s</a>
<script>
  function followLink(){
  var params = window.location.search;
  if (params.indexOf("followLink")){
    window.setTimeout(function(){
    document.querySelector('#link').click();
              },3000);
  }
}
</script>
</body>

Answer 2

如果您要重定向到另一个页面（在您的网站上）并重定向到同一网站上的另一个页面，则中间页面必须必须具有等待所需时间并重定向的脚本。

如果您不想每次访问该中间页面时都执行此操作，则可以传递一些查询参数，并将您的方法配置为仅在存在某些查询参数的情况下等待

Answer 3

在装入新页面后，使用setTimeout()将操作延迟3秒。

if (window.location.hash === "#pupup_element_27_child") {
  setTimeout(function() {
    document.querySelector("#pupup_element_27_child").click();
  }, 3000);
}

此JavaScript进入目标页面。

Answer 4

根据您的问题，当用户单击当前页面上的链接时，它将导致您想要自动单击该页面中存在的链接的另一页面，然后在当前页面中放置此脚本。您可以将时间设置为任意时间。希望能回答您的问题。

<html>
<head>
<script
  src="https://code.jquery.com/jquery-3.4.0.min.js"
  integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
  crossorigin="anonymous"></script>
 </head>
<body>
<a href="anotherLink.html" id="openThis">Go to Page</a>
<script>
window.onload = function() {
  setTimeout(function() {
 document.querySelector("#openThis").click();
  }, 2000);
};

</script>
</body>
</html>

Answer 5

在位置测试逻辑中，设置一个超时，它将使用您的内部链接，然后单击它。您应该考虑使用jQuery。

if(window.location.hash === "#pupup_element_27_child"){
    #Add a timeout here
    setTimeout(()=>{
        #Load the target url with whatever API/Library desired
        window.location.href="https://my_new_location";
    },3000);
}

如何创建指向特定页面的链接，等待3秒钟，然后自动单击当前页面上的内部链接？

5 个答案: