javascript - js实现自动循环点击div下的不同a标签-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

天蓬老师 2017-04-10 15:03:17

[JavaScript讨论组]

465

<p 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>
</p>

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

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(1)

阿神2017-04-10 15:05:17 1楼

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

你肯定有一个叫 main 的 Window，是不？直接去设置那个 Window 的 location 属性即可。比如：

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);

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>