几种JS页面跳转

第一种

直接跳转加参数

1
2
3
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>

直接跳转无参数:

1
2
3
4
<script language="javascript">
window.location.href='https://linan.blog/';
</script>
`

第二种

返回上一次预览界面

1
2
3
4
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

标签嵌套:

1
2
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三种

指定跳转页面 对框架无效!!!

1
2
3
<script language="javascript">
window.navigate("top.jsp");
</script>

第四种

指定自身跳转页面,对框架无效!!!

1
2
3
<script language="JavaScript">
self.location='top.htm';
</script>

第五种

指定自身跳转页面,对框架有效!!!

1
2
3
4
<script language="javascript">
alert("非法访问!");
top.location='xx.aspx';
</script>

第六种

按钮式 在button按钮添加,事件跳转!!!

1
<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">

第七种

在新窗口打开

1
<a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a>

第八种

指定时间跳转

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script lanuage="JavaScript">
var time = 10; //时间,秒
var timelong = 0;
function diplaytime(){ //时间递减
document.all.his.innerHTML = time -timelong ;
timelong ++;
}
function redirect(){ //跳转页
//history.back();
window.location.href="skip-to-url";//指定要跳转到的目标页面
}
timer=setInterval('diplaytime()', 1000);//显示时间
timer=setTimeout('redirect()',time * 1000); //跳转
</script>

可以点击例子1查看效果

第九种

<title>xxx</title>之后加入下面这一行即可!

1
<meta http-equiv="refresh" content="15;url=URL" />

其中10指隔10秒后跳转到指定的URL页面。

可以点击例子2查看效果

使用meat标签这个方法建议将时间设置在10秒以上,低于10秒可能会影响SEO排名。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容