javascript系列之页面的重定向

鱼馅饼

于 2023-08-09 15:25:06 发布

阅读量1.9k

点赞数 1

文章标签： javascript 开发语言 ecmascript

原文链接：https://www.tutorialspoint.com/javascript/javascript_page_redirect.htm

版权

一.欢迎来到我的酒馆

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

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

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

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

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

</body>
</html>

鱼馅饼

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript系列之页面的重定向

2.2 在重定向到新网页之前，你可以提示网站的访问者一些合适的信息。这会有一点的延迟加载新的网页。下面的例子演示了这个功能，setTimeOut()函数是一个内置的javascript函数，它可以在给定时间后执行另一个方法。你可能经常遇到这样一种情况：当你点击一个URL的时候，你跳到了A网页，但是却定位到B网页。发生这样的情况，就是由于网页的重定向。2.1使用javascript可以非常简单的实现客户端网页的重定向。从原网页重定向有很多种原因。1.1什么是页面的重定向？"在10秒后，你将重定向到百度网站"
复制链接

扫一扫