js实现页面跳转的五种方法推荐

js实现页面跳转的五种方法推荐

第一种：


代码如下:

<script language="javascript" type="text/javascript">
window.location.href="xx.jsp?backurl="+window.location.href;
</script>

第二种：


代码如下:

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

第三种：


代码如下:

<script language="javascript">
window.navigate("xx.jsp");
</script>

第四种：


代码如下:

<script language="JavaScript">
self.location='xx.htm';
</script>

第五种：


代码如下:

<script language="javascript">
alert("非法访问！");
top.location='xx.jsp';
</script>

总结：
self:当前窗口对象（如果是在iframe里，则为该框架的窗口对象）

top:父窗口对象

window:典型情况下，浏览器会为每一个打开的html创建对应的window对象，如果这个文档包含了多个框架，则浏览器会为原始文档建立一个window对象，再为每个框架创建额外的window对象。可以再当前窗口中直接使用window的全部属性、方法和集合，即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略，但是为了方便阅读以及避免一些漏洞，一般都使用这个关键字。
location:该对象包含当前url信息，拥有多个属性。默认属性为 location.href,表示整个url，即如果设置location="http://www.jb51.net",则等同于location.href="http://www.jb51.net".self:当前窗口对象（如果是在iframe里，则为该框架的窗口对象）

window.navigate("http://xx.html/") 这个方法是只针对IE的，不适用于火狐等其他浏览器，在HTML DOM Window Object中，根本没有列出window.navigate这个方法，所以这个方法尽量少用。
window.location 属性是兼容所有浏览器的。因此在实现页面跳转的时候这个比较常用。
window.history.go(-1)是返回上一页
window.location.go(-1) 是刷新上一页

以上这篇js实现页面跳转的五种方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • javascript禁止超链接跳转的方法

    本文实例讲述了javascript禁止超链接跳转的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

  • 静态页面html中跳转传值的JS处理技巧

    本文实例讲述了静态页面html中跳转传值的JS处理技巧.分享给大家供大家参考,具体如下: 在html中通过"?"传值: <a href="index2.html?name=caoy">静态传值</a> 在跳转到的页面index2.html中接收: var name=UrlParm.parm("name"); 代码如下: index.html: <script type="text/javascript&qu

  • JavaScript中通过提示框跳转页面的方法

    通过提示框跳转页面具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =do

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

    按钮式: <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.jb51.net/'"> 链接式: <a href="javascript:history.go(-1)">返回上一步</a> <a href="<%=Request.ServerV

  • JavaScript禁止用户多次提交的两种方法

    [当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大.所以我们需要进行限制] [1]将提交按钮禁止 <html> <head> <script> //禁止默认行为 因为这里要模拟服务器超载的时候,所以需要先禁止掉submit按钮自动提交的功能 function preventDef(event){ event=event||window.event; if(event.preventDefault){ return even

  • js实现浏览器倒计时跳转页面效果

    js实现浏览器倒计时跳转页面效果

    本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下 效果图: <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>

  • JS简单实现禁止访问某个页面的方法

    本文实例讲述了JS简单实现禁止访问某个页面的方法.分享给大家供大家参考,具体如下: 有时候需要禁止某些页面不能访问,而跳转到其他的页面.这里提供了一些参考的代码. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

  • js点击返回跳转到指定页面实现过程

    这个功能之前有简单的带过,这次详细的讲解下原理和存在的问题(由于是运用html5的新API 所以有兼容问题,推荐移动端使用该方法). 功能描述: 在浏览器中新建标签页并指定一个网址,网页加载完毕后,正常流程下是不允许点击返回的.因为当前标签页的相关历史记录是没有的,所以没有记录可以返回. 应客户要求,需要在这种情况下,给他的历史记录里添加一个链接(比如首页),这样在新打开的页面,点击返回就可以跳转到首页,让用户看到系统的各种功能,推广平台. 一.知识要点 HTML5引进了history.push

  • 浅谈JQuery+ajax+jsonp 跨域访问

    Jsonp(JSON with Padding)是资料格式 json 的一种"使用模式",可以让网页从别的网域获取资料. 一. 客户端 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=&q

  • JavaScript实现页面跳转的方式汇总

    在动手做网站时,不可避免的会碰到页面跳转的问题,新页面是在当前页面打开呢?还是在新窗口打开呢?是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢?等等很多种情况,下面我们来看下常用的一些JS实现页面跳转的方式例子. 按钮式: <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">

随机推荐