在这里插入图片描述
<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>
网友评论