效果图
目录
方法1:reload() 方法
方法2:replace() 方法
方法3:页面自动刷新
方法1:reload() 方法
reload()方法用于刷新当前文档。类似于你浏览器上的刷新页面按钮。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
<script>
function reloadPage(){
location.reload()
}
</script>
</head>
<body>
<input type="button" value="重新加载页面" onclick="reloadPage()">
</body>
</html>
方法2:replace() 方法
replace() 方法可用一个新文档取代当前文档。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
<script>
function replaceDoc()
{
window.location.replace("https://sunmenglei.blog.csdn.net/")
}
</script>
</head>
<body>
<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">
</body>
</html>
方法3:页面自动刷新
页面自动刷新:把如下代码加入区域中,其中10指每隔10秒刷新一次页面。
<meta http-equiv="refresh" content="10">
好啦,本期内容就分享到这里,我们下期间!
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!