本文摘自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执行机制
实现在html页面加载完毕后运行js方法
深入理解javascript立即调用函数表达式(iife)
es6中新的变量声明方式介绍(附代码)
javascript字符串怎么截取前四位
什么是并发控制?javascript中如何实现并发控制?
html5实现微信jssdk录音播放语音的实例
怎么将javascript对象转换为json字符串
javascript怎么将数组转为json格式
javascript怎样实现累加
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript怎么控制页面跳转