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

   这篇文章主要介绍了用JavaScript实现页面重定向功能的教程,是JS入门学习中的基础知识,需要的朋友可以参考下

  页面重定向是什么?

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

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

  如果不喜欢你的域名,可以重定向到一个新的。同时,要引导所有访问者到新网站。在这种情况下,可以保持旧的域名,但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名。

  基于浏览器的版本,或者名字不同的页面,也可以根据不同的国家,而不是用服务器端网页重定向,可以使用客户端页面重定向到登陆用户在相应的页面。

  搜索引擎可能已经收录新页面。不过,在移动到另一个域名,那么不喜欢失去访客通过搜索引擎来了。所以,可以使用客户端页面的重定向。但请记住,这不应该做的,使搜索引擎傻瓜,否则,这可能让网站被取缔。

  页面重新方向如何工作 ?

  示例1:

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

  ?

1
2
3
4
5
6
7

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

  示例 2:

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

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13

<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:

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

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<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>

时间: 2025-01-19 09:45:33

用JavaScript实现页面重定向功能的教程的相关文章

用JavaScript实现页面重定向功能的教程_基础知识

 页面重定向是什么? 当你点击一个URL来访问一个网页X,但在内部你被定向到另一页Y,仅仅是因为页面重定向.这一概念是从不同于JavaScript 页面刷新 . 可能有各种原因,为什么想从原来的页面重定向.下面列出的几个原因:     如果不喜欢你的域名,可以重定向到一个新的.同时,要引导所有访问者到新网站.在这种情况下,可以保持旧的域名,但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名.     基于浏览器的版本,或者名字不同的页面,也可以根据不同的国家,而不是用服务器端网页重

使用javascript实现页面定时跳转代码总结

下面对使用JavaScript实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: 常用的页面跳转代码 第一种:  代码如下 复制代码     <script language="javascript">            window.location.href="index.php";              //比较常用的方法,没什么可解释的,后面直接跟指定要跳转的地方.     </script> 第二种:

Python的Flask框架中实现分页功能的教程

  这篇文章主要介绍了Python的Flask框架中实现分页功能的教程,文中的示例基于一个博客来实现,需要的朋友可以参考下 Blog Posts的提交 让我们从简单的开始.首页上必须有一张用户提交新的post的表单. 首先我们定义一个单域表单对象(fileapp/forms.py): ? 1 2 class PostForm(Form): post = TextField('post', validators = [Required()]) 下面,我们把这个表单添加到template中(file

Python的Flask框架中实现简单的登录功能的教程

  Python的Flask框架中实现简单的登录功能的教程,登录是各个web框架中的基础功能,需要的朋友可以参考下 回顾 在前面的系列章节中,我们创建了一个数据库并且学着用用户和邮件来填充,但是到现在我们还没能够植入到我们的程序中. 两章之前,我们已经看到怎么去创建网络表单并且留下了一个实现完全的登陆表单. 在这篇文章中,我们将基于我门所学的网络表单和数据库来构建并实现我们自己的用户登录系统.教程的最后我们小程序会实现新用户注册,登陆和退出的功能. 为了能跟上这章节,你需要前一章节最后部分,我们

关于页面重定向的问题

问题描述 公司服务器搬迁.现在想做一个页面,只要访问老域名,就会自动显示这个提示页面,提示新的网址,并且五秒之后自动跳转新的网址.这个功能如何实现啊? 问题补充:eclipse07 写道 解决方案 用的是 apache 吧,直接配置下 apache 做个重定向就行解决方案二:写个页面作为旧域名的首页,可以用 meta refresh 或者 javascript 的方式重定向,比如用 meta 的方法,在header加上<meta http-equiv="refresh" cont

用JavaScript在页面内加入日期(图)

javascript|页面 很多网友在浏览网页时应该会发现很多网页有显示时间和日期的功能,这个不难,使用可视化网页制作软件Dreameaver可以直接插入时间和日期.但今天我们使用JavaScript来实现这个功能,同时能起到了解网络编程语言JavaScript的作用,这个实例原理就是通过JavaScript程序的执行使个人客户端机器的日期和时间在网页上显示. 其源程序如下: 在本例中,我们必需首先建立一个日期变数,这可以由today=newDate()来完成.如果没有特别指定时间与日期的话,浏

asp.net页面重定向方法小结

asp.net|页面 一.Transfer Execute Redirect重定向方法介绍 1.Server.Transfer方法: Server.Transfer("m2.aspx");//页面转向(服务器上执行). 服务器停止解析本页,保存此页转向前的数据后,再使页面转向到m2.aspx, 并将转向前数据加上m2.aspx页结果返回给浏览器.   2.Server.Execute方法: Server.Execute("m2.aspx"); 服务器保存此页转向前的

JavaScript中Cookies的相关使用教程

  这篇文章主要介绍了JavaScript中Cookies的相关使用教程,包括Cookies的存储和删除等操作方法,需要的朋友可以参考下 Cookies是什么 ? Web浏览器和服务器使用HTTP协议进行通信,并且HTTP是一种无状态协议.但对于一个商业网站它需要保持不同的页面间的会话信息.例如在完成多页后,一个用户注册结束.但是,如何保持所有网页用户的会话信息. 在许多情况下,使用Cookie来记忆和跟踪的喜好,采购,佣金,并要求更好的访问体验或网站的统计数据等信息的最有效的方法. 它是如何工

给Python中的MySQLdb模块添加超时功能的教程

  这篇文章主要介绍了给Python中的MySQLdb模块添加超时功能的教程,timeout功能在服务器的运维当中非常有用,需要的朋友可以参考下 使用Python操作MySQL数据库的时候常使用MySQLdb这个模块. 今天在开发的过程发现MySQLdb.connect有些参数没法设置.通过这个页面我们可以看到在connect的时候,可以设置的option和client_flags和MySQL c api相比差不少. 一个很重要的参数 MYSQL_OPT_READ_TIMEOUT没法设置,这个参