`

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

阅读更多

        js实现页面跳转重定向有如下几种方式:

一.window.location.href

<script language="javascript"type="text/javascript"> 
	window.location.href="http://www.baidu.com"; 
</script>

        location 属性是兼容所有浏览器的,因此在实现页面跳转的时候使用这个比较靠谱。

 

二.self.location

<script language="JavaScript"> 
	self.location='http://www.baidu.com'; 
</script>

 

三.top.location

<script language="javascript"> 
	alert("非法访问!"); 
	top.location='http://www.baidu.com'; 
</script>

 

四.window.navigate

<script language="javascript">
	alert('浏览器名称:' + navigator.appName);
	alert('浏览器版本:' + navigator.appVersion);
	alert('浏览器用户代理字符串:' + navigator.userAgent);
	alert('浏览器所在的系统:' + navigator.platform);
	window.navigate("http://www.baidu.com"); 
</script>

        window.navigate("http://www.baidu.com") 这个方法是只针对IE的,不适用于火狐等其他浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这个方法,因此不推荐这种方式。

 

五.window.history.back

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

        也算是页面跳转重定向的一种吧。

分享到:
评论

相关推荐

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

    在本文中,我们将探讨JavaScript实现页面跳转的几种常见方法。 1. 使用`window.location.href`属性: 这是最常用的页面跳转方式。通过设置`window.location.href`的值为新的URL,浏览器会加载指定的页面。例如: ...

    react-router4.2使用js控制路由跳转的3种方式

    ### React Router 4.2 使用 JS 控制路由跳转的三种方式 #### 一、背景介绍 随着前端技术的发展,单页应用(SPA)成为现代Web应用开发的标准模式之一。React作为当前流行的UI开发框架之一,由Facebook开源,被广泛...

    JS页面跳转和js对iframe进行页面跳转、刷新

    以上介绍了几种常见的JS页面跳转和对iframe进行页面跳转与刷新的方法。开发者可以根据实际需求选择合适的方式,以达到预期的页面导航效果。需要注意的是,在进行页面跳转和刷新操作时,应考虑到用户体验和浏览器的...

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

    这里我们将详细探讨几种使用JavaScript实现页面跳转的方法。 首先,我们来看第一种方式,通过`window.location.href`属性来实现跳转。这个方法是最常见也最直接的页面跳转方式。例如: ```javascript window....

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

    ### PHP 页面自动跳转的几种实现方法 在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面...

    js页面跳转 多种javascript页面中转方法

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 ### 1. `window.location.href`属性 #### 实现方式: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location....

    js实现url跳转

    4. 注意性能:虽然JavaScript跳转对用户来说是即时的,但大量跳转可能导致页面加载速度变慢,所以尽可能减少不必要的跳转。 在实际开发中,根据项目需求,可能会结合服务器端和客户端的重定向策略,例如设置HTTP...

    js页面跳转和自动刷新

    页面刷新可以通过以下几种方式实现: 1. **`window.location.reload()`** - **语法**: ```javascript window.location.reload(); ``` - **说明**:该方法用于重新加载当前文档。默认情况下,它会使用缓存版本...

    js页面跳转整理。。

    这是一种非常直接的页面跳转方式,它可以通过改变`window.location.href`属性来改变当前页面的URL,从而实现页面跳转。例如: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window....

    JSP页面跳转方法总结

    本文将详细介绍JSP中常见的几种页面跳转方法,并分析它们之间的区别。 #### 二、客户端跳转方法 ##### 1. 使用`&lt;a&gt;`标签超链接 这是最简单直接的方式,通过`&lt;a&gt;`标签的`href`属性设置目标页面的URL来实现跳转。...

    js跳转问题解决方式

    在处理JS跳转问题时,我们通常会遇到几种常见情况,如使用`window.location`对象、`location.href`、`a`标签的`onclick`事件以及表单提交等。下面将详细介绍这些知识点及其解决方法。 1. `window.location`对象 `...

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

    这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **直接使用`response.sendRedirect()`**: 这个方法通常在服务器端使用,例如在Java的Servlet中。`response.sendRedirect()`函数...

    java页面自动跳转

    在JSP页面中实现自动跳转同样可以采用上述几种方式。以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=&lt;%=url%&gt;"&gt; window.moveTo(0,0); function countDown...

    页面跳转 ,又可以弹出消息框

    下面是一种典型的实现方式: ```javascript response.write("&lt;script&gt;alert('这是一条消息');window.location.href='目标页面URL';&lt;/script&gt;"); ``` 在这段代码中: - `alert('这是一条消息')`:这条语句会在页面...

    JavaScript实现在页面间传值的方法

    总结来说,本文档详细介绍了几种基于JavaScript在页面间传递参数的实现方法,适用于那些希望减少服务器交互而采用前端技术来增强用户体验的场景。这些方法包括通过URL重定向传递参数、使用隐藏表单字段传递参数以及...

    javascript跳转页面方法

    以上介绍了几种常见的使用 JavaScript 实现页面跳转的方法,包括直接跳转、使用对话框确认或提示后跳转、按钮式跳转、链接式跳转以及开新窗口等方式。这些方法各有特点,在实际开发中可以根据需求选择合适的方案。...

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

    以下将详细介绍通过meta标签、JavaScript以及PHP实现页面跳转的几种常见方式。 1. Meta标签实现 Meta标签是HTML文档头部的一种元数据,可以用来设置页面的刷新或重定向。通过设置`http-equiv`属性为`refresh`,并...

Global site tag (gtag.js) - Google Analytics