javascript怎么控制页面跳转
程序员文章站
2022-03-22 13:09:44
...
方法：1、使用“window.location.href="页面地址"”；2、使用“window.history.back()”语句；3、使用“window.navigate()”语句；4、使用“self.location="地址"”语句。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
Javascript实现页面跳转的几种方式
第一种：直接跳转加参数
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
直接跳转无参数：
<script>window.location.href='http://www.baidu.com';</script>
第二种：返回上一次预览界面
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
标签嵌套：
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
第三种：指定跳转页面 对框架无效。。。
<script language="javascript">
window.navigate("top.jsp");
</script>
第四种：指定自身跳转页面 对框架无效。。
<script language="JavaScript">
self.location='top.htm';
</script>
应用实例：
<head>
<script language="javascript">
function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" onclick="new_page()" value="在新窗口打开s"/>
<input type="button" onclick="old_page()" value="跳转后有后退功能"/>
<input type="button" onclick="replace()" value="跳转后没有后退功能"/>
</body>
更多编程相关知识，请访问：编程视频！！
以上就是javascript怎么控制页面跳转的详细内容，更多请关注其它相关文章！
推荐阅读
-
PowerPoint2010怎么添加超链接以便点击跳转到相关的页面中
-
微信公众号开发，怎么实现在页面点击链接，跳转到公众号会话界面
-
JavaScript实现鼠标滚轮控制页面图片切换功能示例
-
JavaScript实现单击下拉框选择直接跳转页面的方法
-
thinkphp跳转成功后怎么能跳过跳转提示页面，而直接跳湖在哪到需要跳转到页面
-
怎么控制页面中某个元素的滚动_html/css_WEB-ITnose
-
thinkphp登录后怎么跳转到登录前的页面？
-
收藏 求大神指导怎么使【手机浏览器】输入【www网址】自动跳转【手机版】页面！
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧
-
js实现页面跳转重定向的几种方式_javascript技巧