本文摘自PHP中文网,作者青灯夜游,侵删。
方法:1、使用“window.location.href="页面地址"”;2、使用“window.history.back()”语句;3、使用“window.navigate()”语句;4、使用“self.location="地址"”语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
Javascript实现页面跳转的几种方式
第一种:直接跳转加参数
1 2 3 | <script language= "javascript" type= "text/javascript" >
window.location.href= "login.jsp?backurl=" +window.location.href;
</script>
|
直接跳转无参数:
1 | <script>window.location.href= 'http://www.baidu.com' ;</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 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <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怎么控制页面跳转的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript中return的含义是什么
浅谈javascript对象属性的特性和defineproperty方法
javascript如何定义方法
storage event如何实现页面间通信
ajax和javascript区别是什么
javascript主要的循环有哪些
javascript怎么替换空格
javascript怎么判断是否为数组
javascript有没有求方程的库
javascript中的强制类型转换的方法介绍
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript怎么控制页面跳转