首页 > js实现自动循环点击div下的不同a标签

js实现自动循环点击div下的不同a标签

<div class="menu">
    <ul id="leftmenu">
      <li><a class="tabon" href="0.html" target="main">实时销售</a> </li>
      <li><a href="1.html" target="main">最新订单</a> </li>
      <li><a href="2.html" target="main">在线访问</a> </li>
      <li><a href="3.html" target="main">月销售额</a> </li>
      <li><a href="4.html" target="main">市场份额</a> </li>
      <li><a href="5.html" target="main">关于我们</a> </li>
    </ul>
</div>

现在是手动点击左侧的不同a链接,右侧显示不同的网页,需要改成js自动实现的,可以吗?
达到每隔一段时间(如每隔1分钟),自动点击下一个a链接.
这种是属于模拟点击吗?具体应该怎么实现呢.用一般的tab切换好像不行,是要点击刷新右边的网页的


可以,但是你不需要这么绕远路。

你肯定有一个叫 mainWindow,是不?直接去设置那个 Windowlocation 属性即可。比如:

setInterval(function(){
  var mainwin = document.getElementById('main').contentWindow;
  var curlink = document.querySelector('#leftmenu > li > a.tabon');
  var nextlink = curlink.parentNode.nextSibling.querySelector('a');
  curlink.classList.remove('tabon');
  nextlink.classList.add('tabon');
  mainwin.location.href = nextlink.href;
}, 1000, false);

代码我随手写的,没测试过,可能有些小问题。反正大致意思就这样。

【热门文章】
【热门文章】