`

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>

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

分享到:
评论

相关推荐

    微信小程序实现跳转的几种方式总结(推荐)

    主要介绍了微信小程序跳转方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    Express URL跳转(重定向)的实现方法

    Express是一个基于Node.js实现的Web框架,其响应HTTP请求的response对象中有两个用于URL跳转方法res.location()和res.redirect(),使用它们可以实现URL的301或302重定向。 res.location(path) res.location(path) ...

    jsp下页面跳转的几种方法小结

    在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet、JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的...

    JSP页面跳转方法大全

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

    JSP页面跳转方法小结

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

    jQuery如何跳转到另一个网页 就这么简单

    其实下面我列举的几种方法也不一定都是用jQuery,也有的使用了Javascript的原生的方法,所以也算是前端跳转的一个总结吧。 我们可以利用http的重定向来跳转 [removed].replace(“//www.jb51.net”); 使用href来...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    (3)针对页面自适应问题,本文结合渐进增强以及拥抱流式布局的思想,同时研究利用了移动设备的视口特性,实现跨分辨率、跨设备的页面自适应。 (4)针对系统的功能实现问题,通过结合利用原生态框架与HTML5的跨平台...

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    千方百计笔试题大全

    70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? 17 72、当一个线程进入一个对象的一个synchronized方法后,其它线程是否可进入此对象的其它方法? 18 73...

    java面试宝典

    70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? 17 72、当一个线程进入一个对象的一个synchronized方法后,其它线程是否可进入此对象的其它方法? 18 73...

    asp.net知识库

    SharpRewriter:javascript + xml技术利用#实现url重定向 采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较:面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行...

    107个常用javascript语句

    78.JS中的窗口重定向:window.navigate("";); 79.JS中的打印:window.print() 80.JS中的提示输入框:window.prompt("message","defaultReply"); 81.JS中的窗口滚动条:window.scroll(x,y) 82.JS中的窗口滚动到位置:...

    php网络开发完全手册

    1.5 几种综合网络服务器系统的安装 14 1.5.1 XAMPP 14 1.5.2 WAMP 16 1.5.3 Appserv 17 1.5.4 EasyPHP 18 1.5.5 VertrigoServ 19 1.6 几种开发工具的介绍 20 1.6.1 Vi及Vim 20 1.6.2 Eclipse+PHPEclipse插件 21 ...

Global site tag (gtag.js) - Google Analytics