`
king_tt
  • 浏览: 2108481 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript 页面跳转的几种方式

 
阅读更多

第一种:
<scriptlanguage="javascript"type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>


第二种:
<scriptlanguage="javascript">
alert("返回");
window.history.back(-1);
</script>


第三种:
<scriptlanguage="javascript">
window.navigate("top.jsp");
</script>


第四种:

<scriptlanguage="JavaScript">
self.location=’top.htm’;
</script>


第五种:
<scriptlanguage="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>

=====javascript中弹出选择框跳转到其他页面=====
<scriptlanguage="javascript">
<!--
functionlogout()...{
if(confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>

=====javascript中弹出提示框跳转到其他页面=====
<scriptlanguage="javascript">
<!--
functionlogout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

window.location="";和 location.replace("");有什么区别?

这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的.

Replace?还是Reload()?

好像没什么区别吧?没试过

replace(),reload()是重新加载本页,而replace()可以导向另外一个URL

给你举个例子:

我们现在有3个页面(a.html, b.html, c.html).

默认打开a.html页面,然后在a.html页面中通过一个链接转向a.html页面。

现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.

从用户界面来看是没有什么区别的,但是现在c.html页面有一个“返回”按钮,

用window.location.href("c.html");进入c.html页面时,

c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时,一点这个"返回"按钮就要返回b.html页面的话,

而如果用window.location.replace("c.html");进入c.html页面的话,

c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.html.

因为window.location.replace("c.html");是不会向服务器发送请求而进行跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面a.html 。

window.location.href("c.html");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到b.html。



参考推荐:

javascript跳转页面


分享到:
评论

相关推荐

    JavaScript实现页面跳转的几种常用方式

    主要介绍了JavaScript实现页面跳转的几种常用方式,结合实例形式对比分析了JavaScript页面跳转的常见实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下

    Javascript刷新页面的几种方法

    Javascript刷新页面的几种方法 1.页面自动刷新 2.页面自动跳转 3.页面自动刷新js版 开窗时刷新 关闭时刷新

    Javascript实现页面跳转的几种方式分享

    介绍了Javascript实现页面跳转的几种方式,有需要的朋友可以参考一下

    php页面自动跳转的几种实现方法

    页面自动跳转的几种实现方法 1.meta标签 2.使用header函数 3.使用JavaScript

    JavaScript实现x秒后自动跳转到一个页面

    今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1、用一个response....

    JS控制div跳转到指定的位置的几种解决方案总结

    主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。

    js实现页面跳转重定向的几种方式

    第一种: 代码如下: [removed] ... [removed] 第二种: 代码如下: [removed] alert&#40;“返回”&#41;; window.history.back(-1); [removed] 第三种: 代码如下: [removed] window.navigate(“http://shanghepinpai.co

    js页面跳转常用的几种方式

    第一种: 代码如下: [removed] [removed].href=”jb51.jsp?backurl=”+[removed].href; [removed] 第二种: 代码如下: [removed] alert&#40;“返回”&#41;; window.history.back(-1); [removed] 第三种: 代码如下: ...

    网页跳转代码大全

    如果你要让页面显示几秒钟之后跳转 可以在html代码的&lt;head&gt;&lt; head&gt;部分加上这样的代码: &lt;meta http equiv &quot;refresh&quot; content &quot;3; url http: www admin5 com&quot;&gt; (3秒钟后...

    js实现页面跳转的几种方法小结

    下面小编就为大家带来一篇js实现页面跳转的几种方法小结。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧

    JSP页面跳转方法大全

    先来介绍一下在服务端JSP脚本中跳转页面的几种方法: 1. response.sendRedirct(“跳转到页面”); 该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容. request无法传值过去...

    实现网页页面跳转的几种方法(meta标签、js实现、php实现)

    今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。

    JSP页面跳转方法小结

    实现JSP页面跳转,有如下几种方式: n 使用href超链接标记 (客户端跳转) n 使用JavaScript (客户端跳转) n 提交表单 (客户端跳转) n 使用response对象 (客户端跳转) n 使用forward动作标记 (服务器端跳转)...

    单页面和多页面开发及应用

    -什么是多页面:每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用 - 跳转需要刷新所有资源,用于app 或 客户端 - 页眉 -&gt; 第一页 -&gt; 脚本,页眉 -&gt; 第二...

    javascript函数的解释

    document.getElementById("div_1").innerHTML="页面将在"+t+"秒后自动跳转"; x=setTimeout('time2()',1000); } } function time3(){ clearTimeout(x); document.getElementById("div_1").innerHTML="页面将...

    JavaScript中三种异步上传文件方式

    异步上传文件是为了更好的用户体验,是每个前端必须掌握的技能。...因为我们其实是将返回结果放在了一个隐藏的iframe中,所以才没有使当前页面跳转,感觉就像是异步操作一样。  先贴出代码: &lt;!DO

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

    最近的一个项目中,需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并获取PHP接口的返回值,在页面无刷新、无跳转的情况下,更新div标签内的内容。  浏览器...

Global site tag (gtag.js) - Google Analytics