在这里插入图片描述
<a class="btn btn-sm btn-red-hollow attention" id="btnAttent" target="_blank"> 更多免费教学文章 < font color="blue" size="2"> 请关注这里 </font></a>
获取地址栏的 url
在这里插入图片描述
改变地址, 实现页面跳转:
在这里插入图片描述
定义和用法
<font color="red">
把地址栏的地址 url 刷新
reload() 方法用于重新加载当前文档.
语法
location.reload(force) 说明
如果该方法没有规定参数, 或者参数是 false, 它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变. 如果文档已改变, reload() 会再次下载该文档. 如果文档未改变, 则该方法将从缓存中装载文档. 这与用户单击浏览器的刷新按钮的效果是完全一样的.
如果把该方法的参数设置为 true, 那么无论文档的最后修改日期是什么, 它都会绕过缓存, 从服务器上重新下载该文档. 这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样.
在这里插入图片描述
源码:
- <!DOCTYPE html>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- Document
- </title>
- <script type="text/javascript">
- var timer;
- function start() {
- timer = setTimeout(callback, 2000); // 一次性计时器, 2 秒钟之后执行 callback 函数
- }
- function callback() {
- console.log("定时器开始工作!");
- }
- var timer2;
- function start2() {
- timer2 = setInterval(callback, 2000); // 周期性计时器, 每 2 秒执行一次 callback 函数
- }
- function stop() {
- clearTimeout(timer);
- //clearInterval(timer); //clearInterval() 既可以停止一次性计时器也可以停止周期性计时器
- }
- function stop2() {
- clearInterval(timer2);
- }
- // 练习: 每隔一秒输出一次 welcome to wbs16073
- // 方式 1, 使用 setInterval()
- function start3() {
- timer = setInterval(show, 1000);
- }
- var i = 1;
- function show() {
- console.log(i + ".welcome to wbs16073");
- i++;
- }
- // 方式 2, 使用 setTimeout()
- /*function start4(){
- show();
- }
- var i=1;
- function show(){
- console.log(i+".welcome to wbs16073");
- i++;
- timer=setTimeout(show,1000); // 每次执行完之后, 再开启一个一次性计时器
- }*/
- function stop3() {
- clearInterval(timer);
- }
- function stop4() {
- clearTimeout(timer);
- }
- function start5() {
- setTimeout(function() {
- alert("这是匿名函数!");
- },
- 2000);
- }
- </script>
- </head>
- <body>
- <input type="button" value="setTimeout" onclick="start()">
- <input type="button" value="setInterval" onclick="start2()">
- <br/>
- <input type="button" value="clearTimeout" onclick="stop()">
- <input type="button" value="clearInterval" onclick="stop2()">
- <br/>
- <input type="button" value="方式 1" onclick="start3()">
- <input type="button" value="方式 2" onclick="start4()">
- <br/>
- <input type="button" value="停止方式 1" onclick="stop3()">
- <input type="button" value="停止方式 2" onclick="stop4()">
- <br/>
- <input type="button" value="使用匿名函数" onclick="start5()">
- </body>
- </HTML>
来源: http://www.jianshu.com/p/1fc6c55bbdbc