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><span style="font-size:13px;color:black;"></span>

总结:

self:当前窗体对象(假设是在iframe里,则为该框架的窗体对象)

top:父窗体对象

window:典型情况下,浏览器会为每个打开的html创建相应的window对象,假设这个文档包括了多个框架,则浏览器会为原始文档建立一个window对象。再为每个框架创建额外的window对象。

能够再当前窗体中直接使用window的所有属性、方法和集合,即不须要在前面附加计算结果为当前window对象的表达式。尽管window能够省略。可是为了方便阅读以及避免一些漏洞,一般都使用这个keyword。

location:该对象包括当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即假设设置location="http://www.ddd.cn",则等同于location.href="http://www.ddd.cn".self:当前窗体对象(假设是在iframe里,则为该框架的窗体对象)

window.navigate("http://xx.html/") 这种方法是仅仅针对IE的。不适用于火狐等其它浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这种方法,所以这种方法尽量少用。

window.location 属性是兼容全部浏览器的。

因此在实现页面跳转的时候这个比較经常使用。

window.history.go(-1)是返回上一页

window.location.go(-1) 是刷新上一页

时间: 2024-10-11 14:37:56

js实现页面跳转的几种方式的相关文章

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

通过js或者html或者PHP等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式 js方式的页面跳转 1.window.location.href方式 <script language="JavaScript" type="text/javascript"> window.location.href="http://www.dayanmei.com/"; </script> 2.window.navigate方式

js实现页面跳转的两种方式

CreateTime--2017年8月24日08:13:52Author:Marydon 方式一: window.location.href = url 说明:我们常用来在js中实现页面跳转的方法,使用get方式发送请求,传参有限 更多介绍,见文章:js操作当前窗口 方式二: 通过POST请求实现页面跳转 /** * 发送POST请求跳转到指定页面 * @param URL * 跳转路径 * @param PARAMS * 参数:格式-JSON对象 */ function httpPost(UR

Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet.JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有

php页面跳转的几种方式

@: PHP页面跳转的三种方式 第一种方式:header() header()函数的主要功能是将HTTP协议标头(header)输出到浏览器. 语法: void header ( string $string [, bool $replace = true [, int $http_response_code ]] ) 可选参数replace指明是替换前一条类似标头还是添加一条相同类型的标头,默认为替换. 第二个可选参数http_response_code强制将HTTP相应代码设为指定值. he

JavaScript实现页面跳转的五种方式

JavaScript实现页面跳转的五种方式 第一种:<script type="text/javascript" language="javascript"> window.location.href="login.jsp?backurl="+window.location.href;</script> 第二种:<script type="text/javascript" language=&qu

实现前端页面跳转的几种方式

实现前端页面跳转的几种方式 推荐使用 <script language='javascript'> document.location = 'http://mail.qq.com/domain/longtimenosee.cc' </script> 相关阅读 http://www.jb51.net/article/25403.htm http://my.oschina.net/ososchina/blog/340854

JS实现页面跳转的几种方法

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第二种:(返回上一页面)<script language="javascript"&

Vue路由实现页面跳转的两种方式(router-link和JS)

Vue.js 路由可以通过不同的 URL 访问不同的内容,实现多视图的单页 Web 应用 1.通过 <router-link> 实现 <router-link> 组件用于设置一个导航链接,切换不同 HTML 内容 使用方法: 简单写法 <router-link to="demo2">demo2</router-link> 使用 v-bind 的写法 <router-link :to="'demo2'">de

php中实现页面跳转的几种方式

亲测,not复制粘贴 PHP中实现页面跳转有一下几种方式,看了几个人写的不是很条理,自己整理一下 在PHP脚本代码中实现 <?php header("location:url地址") ?> 例如 <?php header("location:helloworld.php")?> 页面会立即跳转,因为header执行了location重定向 延迟跳转(比如登陆成功后会有几秒钟等待时间,然后跳转到了其他页面) <?php header(&q