javascript系列之页面的重定向

一.欢迎来到我的酒馆

       1.1什么是页面的重定向??
你可能经常遇到这样一种情况:当你点击一个URL的时候,你跳到了A网页,但是却定位到B网页。发生这样的情况,就是由于网页的重定向。
       从原网页重定向有很多种原因。这里我们列出了一些:

  • 你不喜欢网站的域名并且将你的网站域名搬到一个新的域名上。在这种情况下,你要定向你的用户到新的网站上。这里,你可以维护你的旧域名,但是把每个网页都使用重定向,这样旧域名上的用户就可以访问新的域名网站。
  • 你根据浏览器的版本、浏览器的名称和不同语言的国家创建了不同类型的网站,这时候你不必使用服务器端重定向,而是使用客户端重定向到合适的网页。
  • 搜索引擎可能已经索引了你的网页。但是当你移到一个新的域名上,你不想失去通过搜索引擎找到你网站的用户,这时候,你可以使用客户端重定向。但是你应该记住:不应该去欺骗搜索引擎,这可能会导致搜索引擎禁用你的网站。

二.网页的重定向是如何工作的?

2.1使用javascript可以非常简单的实现客户端网页的重定向。要重定向你的网站用户到新的网页,你只需要添加一行代码:

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        function UseRedirect(){
            window.location="http://www.baidu.com";
        }
    script>
head>
<body>
    <p>点击下面的按钮,你将会重定向到百度网站的首页p>
    <form>
        <input type="button" value="点我重定向到百度" onclick="UseRedirect()">
    form>
body>
html>

2.2 在重定向到新网页之前,你可以提示网站的访问者一些合适的信息。这会有一点的延迟加载新的网页。下面的例子演示了这个功能,setTimeOut()函数是一个内置的javascript函数,它可以在给定时间后执行另一个方法。

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        function UseRedirect(){
            window.location = "http://www.baidu.com";
        }
        document.write("在10秒后,你将重定向到百度网站");
        setTimeout("UseRedirect()", 10000);
    script>
head>
<body>

body>
html>

你可能感兴趣的:(javascript,开发语言,ecmascript)