前端之页面跳转方法
开发记录
·
meta标签
<meta http-equiv="refresh" content="刷新时间; url=url">
a标签:
<a href="url" target='method'>链接文字</a>
url:链接
method:打开方式,
打开方式:
blank 新页面打开
self 当前页面打开
iframe标签
<iframe src="url"></iframe>
url:链接,html文件路径
layer.open
layer.open({
type: 1,
content: '传入任意的文本或html' //这里content是一个普通的String
});
注意:使用前提是下载layer
window.open
window.open(URL,name)
url:打开地址--可以是链接,或者html文件路径
name:名称,或者是打开方式
打开方式:
_blank 打开新页面
_self 当前页面打开
注意:ios可能会拦截
window.location.href
window.location.href='url' 本页面跳转
url:跳转路径,链接或者html文件路径
注意:html文件路径不要以'/'开头
window.self.location
window.self.location='url'
url:跳转路径,链接或者html文件路径
window.top.location
window.top.location='url'
url:跳转路径,链接或者html文件路径
window.location.replace
window.location.replace(url)
url:跳转路径,链接或者html文件路径
注意:不保留历史记录
window.location.assign
window.location.assign(url)
url:跳转路径,链接或者html文件路径
注意:保留历史记录
window.history.go
window.history.go(num)
num:跳转页数,正数---前进几页
负数---后退几页
window.history.back
window.history.back()后退一个页面
window.history.forward
window.history.forward()前进一个页面
更多推荐
已为社区贡献1条内容
所有评论(0)