利用js脚本实现自动加载

来源：互联网发布：部落冲突箭塔数据编辑：程序博客网时间：2024/05/16 17:39

近日看了牛客网的一期【编程之美01期】编程黑科技-如何用脚本抢月饼，觉得挺实用的，所以就写了下来。
主要功能是让js自动加载，把脚本拖到页面中，让它自己加载就行了。

网页代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>抢月饼活动</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

</head>
<body>
       <h1>抢月饼活动</h1>
       <div class="button">
            <button id="rush">点我抢购</button>
      </div>
</body>
<script type="text/javascript">
         $(function(){
              $("#rush").click(function(){
                   console.info("抢购成功！");
              });
         })
</script>
</html>

js脚本：
       setInterval(function(){
                $("#rush").trigger('click')
      },1000)

网页显示效果（按F出现下面调试窗口）：
按牛客网的说法是给chrome浏览器加个扩展程序，但是chrome现在好像禁止了，有评论说火狐上可以，我没试，大家有兴趣的可以试试。
看最下面的Console窗口，因为抢购成功是显示在这里的，不过首先要把js脚本放到Console里，
然后按回车键，会出现：
抢购成功前面的数字会自动递增

ok！

ps:
也可以把js脚本直接放在网页中，
<!DOCTYPE html><html><head><meta charset="utf-8"><title>抢月饼活动</title><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">setInterval(function(){$("#rush").trigger('click')},1000)</script></head><body><h1>抢月饼活动</h1><div class="button"><button id="rush">点我抢购</button></div></body><script type="text/javascript">$(function(){$("#rush").click(function(){console.info("抢购成功！");});})</script></html>

0 0