一、页面重定向定义

当你点击一个 URL 会跳转到页面 X，但是在一个页面内部点击会直接跳转到另外一个页面 Y，这里能够跳转的原因是因为页面重定向。这个是与 JavaScript 页面刷新是有区别的。

这里有许多原因可以解释为什么想要从原始页面进行重定向。例举了如下几个原因:

你不喜欢你现在的域名，并且你想要使用一个新的域名。有时你想将你的所有的访问者转向到你的新的网站。在这种情况下，你可以继续维护你旧的域名，同时增加单独的一页用来进行重定向，这样你的所有旧域名的访问者就可以转到新的域名。
你已经基于浏览器的版本构建了各种网页或者他们的名称在不同的国家不同，你可以客户端网页让用户重定向到合适的网页，而不是在服务器端进行网页的跳转。
搜索引擎可能已经对你的网页建立了索引。但是当你网站迁移到另外一个域名时，你不想丢失通过搜索引擎访问你网站的用户。此时你可以使用客户端网页重定向。但是请记住，不要利用这种方式欺骗搜索引擎，否则你的网站会被禁止访问。

二、页面重定使用

1、客户端进行重定向

只需要在网页代码的头部中添加一行代码，如下:

<head>

window.location="http://www.newlocation.com";

</script>

</head>

2、指定一定时间后重定向

<head>

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>

3、根据浏览器不同跳转到不同页面

<head>

var browsername=navigator.appName;

if( browsername == "Netscape" )

{

window.location="http://www.location.com/ns.htm";

}

else if ( browsername =="Microsoft Internet Explorer")

{

window.location="http://www.location.com/ie.htm";

}

else {

window.location="http://www.location.com/other.htm";

}

</script>

</head>

Javascript（八）javascript页面重定向相关推荐

JavaScript (八) -- JavaScript BOM
目录 1. JavaScript BOM的概述: 2. Window 对象(浏览器窗口对象) 2.1 Window 对象的调用方式:
HTML+CSS+JavaScript制作登录页面_科幻后台登录界面html模板_科技感登录界面html模板
科幻后台登录界面html模板原始HTML+CSS+JS页面设计,这是一个不错的登录网页制作,画面精明,非常适合初学者学习使用. 作品介绍 1.网页作品简介方面 :蓝色科技风格后台登录框,科幻的网站后 ...
[置顶] Javascript js中页面的重新加载
用JavaScript刷新上级页面和当前页面 <script type="text/javascript"> //刷新上级页面 //window.parent.main ...
用 javascript 获取当页面上鼠标（光标）位置
用 javascript 获取当页面上鼠标(光标)位置在许多情况下都会用到,比如拖放,悬停提示(tooltip) 等等.当然,这里我们依然要面对浏览器的兼容问题,在不同的浏览器下,对这些相关的属性处理 ...
javascript标签在页面中的位置探讨
在制作网页的过程中需要引用很多的js文件,至于他正确位置好多的朋友就会有疑问了,接下来为大家详细介绍下在制作网页的过程中,我们经常写类似下面的代码: [html] 复制代码代码如下: < ...
HTML里的哪一部分Javascript 会在页面加载的时候被执行？
最近遇到一个问题: HTML里的哪一部分Javascript 会在页面加载的时候被执行() A : 文件头部 B : 文件尾 C : <head>标签部分 D : <body> ...
driver.get调用iframe中的页面_【5分钟玩转Lighthouse】爬取JavaScript动态渲染页面
0x00 背景概述通过[技术干货 007 | Scrapy爬虫初探]教程,大家应该已经对如何编写爬虫有了一定的认识.但对于较为复杂的网站设计,比如网站页面使用了JavaScript动态渲染,入门级的 ...
js实现html页面倒计30秒,javascript实现简单页面倒计时
这篇文章主要为大家详细介绍了javascript实现简单页面倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了javascript实现简单页面倒 ...
JavaScript学习总结(八)——JavaScript数组
转载自 JavaScript学习总结(八)--JavaScript数组 JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组.Array ...
html网页无刷新数据更新,使用javascript怎么实现页面无刷新更新数据
使用javascript怎么实现页面无刷新更新数据发布时间:2021-03-18 17:22:21 来源:亿速云阅读:71 作者:Leah 这篇文章给大家介绍使用javascript怎么实现页面无 ...

Javascript（八）javascript页面重定向

一、页面重定向定义

二、页面重定使用

1、客户端进行重定向

2、指定一定时间后重定向

3、根据浏览器不同跳转到不同页面

Javascript（八）javascript页面重定向相关推荐

最新文章

热门文章