用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 相关文章推荐
javascript 关闭IE6、IE7
Jun 01 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
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 session处理的定制
2009/03/16 PHP
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PHP7 其他修改
2021/03/09 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
slideToggle+slideup实现手机端折叠菜单效果
2017/05/25 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
python解决网站的反爬虫策略总结
2016/10/26 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
Madewell美德威尔美国官网:美国休闲服饰品牌
2016/11/25 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
如何查找网页漏洞
2016/06/22 面试题
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
时尚休闲吧创业计划书
2014/01/25 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
三八红旗集体先进事迹材料
2014/05/22 职场文书
博士生专家推荐信
2014/09/26 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
教师个人年度总结
2015/02/11 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书
新兵入伍决心书
2015/09/22 职场文书
python字符串常规操作大全
2021/05/02 Python
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS