用JavaScript实现页面重定向功能的教程


Posted in Javascript onJune 04, 2015

 页面重定向是什么?

当你点击一个URL来访问一个网页X,但在内部你被定向到另一页Y,仅仅是因为页面重定向。这一概念是从不同于JavaScript 页面刷新 。

可能有各种原因,为什么想从原来的页面重定向。下面列出的几个原因:

  •     如果不喜欢你的域名,可以重定向到一个新的。同时,要引导所有访问者到新网站。在这种情况下,可以保持旧的域名,但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名。
  •     基于浏览器的版本,或者名字不同的页面,也可以根据不同的国家,而不是用服务器端网页重定向,可以使用客户端页面重定向到登陆用户在相应的页面。
  •     搜索引擎可能已经收录新页面。不过,在移动到另一个域名,那么不喜欢失去访客通过搜索引擎来了。所以,可以使用客户端页面的重定向。但请记住,这不应该做的,使搜索引擎傻瓜,否则,这可能让网站被取缔。

页面重新方向如何工作 ?
示例1:

这使用JavaScript在客户端页面的重定向是非常简单的。网站访问者重定向到一个新的页面,只需要添加在head部分加入一行如下:

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>

示例 2:

可以将其重定向到一个新的页面之前显示相应的信息给网站访客。这将需要一个位时间延迟加载新页。以下是简单的例子来实现相同的:

<head>
<script type="text/javascript">
<!--
function Redirect()
{
  window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

这里的 setTimeout()是一个内置的JavaScript函数,可用于给定的时间间隔之后执行另一个函数。
示例3:

以下是例子重定向基于其浏览器不同的网页访问者:

<head>
<script type="text/javascript">
<!--
var browsername=navigator.appName; 
if( browsername == "Netscape" )
{ 
  window.location="http://www.location.com/ns.html";
}
else if ( browsername =="Microsoft Internet Explorer")
{
  window.location="http://www.location.com/ie.html";
}
else
{
 window.location="http://www.location.com/other.html";
}
//-->
</script>
</head>

Javascript 相关文章推荐
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
浅析return false的正确使用
Nov 04 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
js replace()去除代码中空格的实例
Feb 14 Javascript
jq给页面添加覆盖层遮罩的实例
Feb 16 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
javascript原型模式用法实例详解
Jun 04 #Javascript
使用JavaScript刷新网页的方法
Jun 04 #Javascript
JavaScript中Cookies的相关使用教程
Jun 04 #Javascript
javascript组合使用构造函数模式和原型模式实例
Jun 04 #Javascript
浅析JavaScript中的事件机制
Jun 04 #Javascript
JavaScript中指定函数名称的相关方法
Jun 04 #Javascript
JavaScript中Function()函数的使用教程
Jun 04 #Javascript
You might like
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
PHP4实际应用经验篇(3)
2006/10/09 PHP
《APMServ 5.1.2》使用图解
2006/10/23 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
php实现的xml操作类
2016/01/15 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
Javascript 圆角div的实现代码
2009/10/15 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
js模拟微博发布消息
2017/02/23 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
Python实现LRU算法的2种方法
2015/06/24 Python
python算法表示概念扫盲教程
2017/04/13 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
python 经典数字滤波实例
2019/12/16 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
策划总监岗位职责
2014/02/16 职场文书
完整版商业计划书
2014/09/15 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android