Question

我有一个网站，其中有一个充满链接的侧面菜单。最重要的是一些Next和Prev按钮，供用户在链接菜单之间切换。

我想更改此设置，以便菜单在x时间后自动更改。

我认为这样的事情会这样做：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
 function delayer(){
 window.location = "http://www.google.com" }
 </script>
</head>

<body  onLoad="setTimeout('delayer()', 1000)">
</body>

</html>

基本上，我不想打开谷歌，而是希望页面运行“下一步”按钮，该按钮由以下表示：

<div class="navBtns mar9 s3">

<a href="#" class="prev"><span></span></a>
<a href="#" class="next"><span></span></a>

</div>

有关如何做到这一点的任何想法？谢谢！

Answer 1

<a href="#" class="prev"><span></span></a>

此超链接本身不执行任何操作。在网站的某个地方，有一个javascript函数绑定到此链接的click事件。您需要触发链接上的单击事件，或直接调用javascript。

如果没有看到javascript的其余内容/知道页面上正在使用哪些框架，则无法给出更准确的答案。

- 编辑 -

根据您的评论，您可以按照以下方式执行某些操作：

<script type="text/javascript">
    setTimeout(function() {
        $('#page_HOME .slider .next').click();
    }, 1000);
</script>

只要这些超链接包含在slider元素中，上面的代码就会在1000毫秒后触发侧边菜单的更改

Answer 2

如果您想“点击”下一个按钮，那么您可以使用JS以编程方式执行此操作。

var nextbutton = document.getElementsByClassName('next');
nextbutton.click();

逐个逐层获取只适用于IE8之后的浏览器。

Answer 3

您可以使用普通的旧JS，根据链接的类名找到所需链接的HREF。

window.location = document.querySelector(<link class name>).getAttribute("href");

这会将浏览器重定向到href属性设置为的任何内容。

如果你想保留一个像你一样的功能，你可以使用它：

function delay(link, time) {
    setTimeout(function() {
        window.location = document.querySelector("." + linkClass).getAttribute("href");
    }, time);
}

然后使用它，只需说：

delay("next", 5000); // go to the href of the link with the class "next" after 5 seconds.

JavaScript运行完整的A href命令

3 个答案: