如何重定向到另一个网页?

How do I redirect to another webpage?

提问人:venkatachalam 提问时间:2/2/2009 最后编辑:Peter Mortensenvenkatachalam 更新时间:7/2/2023 访问量:7762659

问:

这个问题的答案是社区的努力。编辑现有答案以改进此帖子。它目前不接受新的答案或交互。

如何使用jQuery或纯JavaScript将用户从一个页面重定向到另一个页面?

JavaScript jQuery 重定向

评论


答:

321赞 tvanfosson 2/2/2009 #1

如果你对你要做的事情有更多的描述性,那将会有所帮助。如果您尝试生成分页数据,则可以选择如何执行此操作。您可以为希望能够直接访问的每个页面生成单独的链接。

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

请注意,示例中的当前页面在代码和 CSS 中的处理方式不同。

如果您希望通过AJAX更改分页数据,那么jQuery就用武之地了。你要做的是向对应于不同页面的每个锚标记添加一个点击处理程序。此单击处理程序将调用一些 jQuery 代码,这些代码通过 AJAX 获取下一页,并使用新数据更新表。下面的示例假定您有一个返回新页面数据的 Web 服务。

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});
16252赞 Ryan McGeary 2/3/2009 #2

人们不只是使用jQuery进行重定向

jQuery 不是必需的,window.location.replace(...) 将最好地模拟 HTTP 重定向。

window.location.replace(...)比使用 更好,因为不会将原始页面保留在会话历史记录中,这意味着用户不会陷入永无止境的后退按钮惨败。window.location.hrefreplace()

如果要模拟某人单击链接,请使用 location.href

如果要模拟 HTTP 重定向,请使用 location.replace

例如:

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

评论

45赞 png 10/6/2020
注意:与 HTTP 重定向类似的行为意味着它不会在浏览器的历史记录中创建条目。replace()
7赞 x-yuri 3/12/2021
如果您显示页面只是为了进行重定向,则可能更合适(从历史记录中排除具有重定向的页面)。但是,为什么不首先在服务器端进行重定向呢?location.replace()
3赞 Md. Jamal Uddin 8/18/2021
如果有人仍然有问题,您应用了所有很好的答案,但页面重定向不起作用,那么请访问: stackoverflow.com/questions/15759020/... 它适用于我的情况。
0赞 bart 11/16/2021
@x-yuri,我的用例是 URI 片段(在 # 符号之后)不会通过服务器端重定向保留,因为它们不会发送到服务器。
2赞 bart 11/17/2021
@x-yuri,我移动了使用 URI 片段为这些 URL 提供服务的服务,并希望人们可能已添加书签的旧超链接通过将它们重定向到新站点并保留片段来继续工作。您说得对,出于某种原因,框架使用片段而不是查询参数。
175赞 user188973 10/13/2009 #3
var url = 'asdf.html';
window.location.href = url;
1831赞 Boris Guéry 10/29/2009 #4

警告:这个答案只是作为一个可能的解决方案而提供的;这显然不是最好的解决方案,因为它需要jQuery。相反,更喜欢纯 JavaScript 解决方案。

$(location).prop('href', 'http://stackoverflow.com')
368赞 Fred 10/23/2010 #5

这适用于所有浏览器:

window.location.href = 'your_url';
149赞 xloadx 9/6/2011 #6

这适用于 jQuery:

$(window).attr("location", "http://google.fr");
151赞 ScoRpion 5/23/2012 #7

您可以在没有 jQuery 的情况下执行此操作,如下所示:

window.location = "http://yourdomain.com";

如果你只想要jQuery,那么你可以这样做:

$jq(window).attr("location","http://yourdomain.com");
828赞 Mark Pieszak - Trilon.io 7/27/2012 #8

重定向页面的标准“vanilla”JavaScript 方式

window.location.href = 'newPage.html';

或者更简单地说:(因为是全局的)window

location.href = 'newPage.html';

如果您在这里是因为重定向时丢失了HTTP_REFERER,请继续阅读:

(否则忽略最后一部分)


以下部分适用于用作众多安全措施之一的用户(尽管它不是很好的保护措施)。如果您使用的是 Internet Explorer 8 或更低版本,则在使用任何形式的 JavaScript 页面重定向(location.href 等)时,这些变量会丢失。HTTP_REFERER

下面我们将实现IE8及更低版本的替代方案,这样我们就不会失去HTTP_REFERER。否则,您几乎总是可以简单地使用 .window.location.href

测试对象(URL 粘贴、会话等)可以帮助判断请求是否合法。注意:还有一些方法可以解决/欺骗这些引荐来源,如评论中 droop 的链接所述)HTTP_REFERER


简单的跨浏览器测试解决方案(对于 Internet Explorer 9+ 和所有其他浏览器,回退到 window.location.href)

用法:重定向('anotherpage.aspx');

function redirect (url) {
    var ua        = navigator.userAgent.toLowerCase(),
        isIE      = ua.indexOf('msie') !== -1,
        version   = parseInt(ua.substr(4, 2), 10);

    // Internet Explorer 8 and lower
    if (isIE && version < 9) {
        var link = document.createElement('a');
        link.href = url;
        document.body.appendChild(link);
        link.click();
    }

    // All other browsers can use the standard window.location.href (they don't lose HTTP_REFERER like Internet Explorer 8 & lower does)
    else { 
        window.location.href = url; 
    }
}
240赞 Nadeem Yasin 10/30/2012 #9

但是,如果有人想重定向回主页,那么他可以使用以下代码片段。

window.location = window.location.host

如果您有三种不同的环境(开发、暂存和生产环境),这将很有帮助。

您可以通过将这些词放在 Chrome 控制台或 Firebug 的控制台中来浏览此窗口或 window.location 对象。

79赞 Swaprks 11/14/2012 #10

在您的点击功能中,只需添加:

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});
275赞 Patartics Milán 4/25/2013 #11

我也认为这是最好的方法,但如果你想通知搜索引擎你的重定向(他们不会分析 JavaScript 代码来查看重定向),你应该将元标记添加到你的网站。location.replace(URL)rel="canonical"

添加一个带有 HTML 刷新元标记的 noscript 部分也是一个很好的解决方案。我建议你使用这个JavaScript重定向工具来创建重定向。它还具有 Internet Explorer 支持传递 HTTP 反向链接。

没有延迟的示例代码如下所示:

    <!-- Place this snippet right after opening the head tag to make it work properly -->

    <!-- This code is licensed under GNU GPL v3 -->
    <!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
    <!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

    <!-- REDIRECTING STARTS -->
    <link rel="canonical" href="https://yourdomain.example/"/>
    <noscript>
        <meta http-equiv="refresh" content="0;URL=https://yourdomain.example/">
    </noscript>
    <!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
    <script type="text/javascript">
        var url = "https://yourdomain.example/";
        if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
        {
            document.write("redirecting..."); // Don't remove this line or appendChild() will fail because it is called before document.onload to make the redirect as fast as possible. Nobody will see this text, it is only a tech fix.
            var referLink = document.createElement("a");
            referLink.href = url;
            document.body.appendChild(referLink);
            referLink.click();
        }
        else { window.location.replace(url); } // All other browsers
    </script>
    <!-- Credit goes to http://insider.zone/ -->
    <!-- REDIRECTING ENDS -->

评论

2赞 Jay 8/6/2021
这不再是真的:搜索引擎不分析 Javascript
0赞 JeFawk 8/3/2022
使用的网站 insider.zone 似乎不再存在 ( downforeveryoneorjustme.com/insider.zone )
55赞 Anup 6/6/2013 #12

首先写得好。您希望在应用程序中导航到另一个链接,从您的应用程序中导航到另一个链接。代码如下:

window.location.href = "http://www.google.com";

如果你想在你的应用程序中导航页面,那么如果你愿意,我也有代码。

38赞 Bidyut 6/11/2013 #13

在 PHP、HTML 或 jQuery 部分之后编写以下代码。如果位于 PHP 或 HTML 部分的中间,请使用 <script> 标记。

location.href = "http://google.com"
48赞 user2496033 7/1/2013 #14

在 JavaScript 和 jQuery 中,我们可以使用以下代码将一个页面重定向到另一个页面:

window.location.href="http://google.com";
window.location.replace("page1.html");
61赞 bren 7/12/2013 #15

不需要 jQuery。您可以这样做:

window.open("URL","_self","","")

就是这么简单!

发起 HTTP 请求的最佳方式是使用 。document.loacation.href.replace('URL')

82赞 iConnor 8/31/2013 #16

所以,问题是如何制作一个重定向页面,而不是如何重定向到一个网站?

为此,您只需要使用 JavaScript。下面是一些小代码,可以创建一个动态重定向页面。

<script>
    var url = window.location.search.split('url=')[1]; // Get the URL after ?url=
    if( url ) window.location.replace(url);
</script>

所以,假设你只是把这个片段放到你网站上的一个文件中,你可以这样使用它。redirect/index.html

http://www.mywebsite.com/redirect?url=http://stackoverflow.com

如果您转到该链接,它会自动将您重定向到 stackoverflow.com

文档链接

这就是你如何用 JavaScript 制作一个简单的重定向页面

编辑:

还有一点需要注意。我添加了我的代码,因为我认为它适合重定向页面,但是,您必须知道,在使用时,当您在浏览器中按下后退按钮时,它不会返回重定向页面,而是会回到之前的页面,看看这个小演示。window.location.replacewindow.location.replace

例:

流程:商店首页=>重定向页面到谷歌=>谷歌

在谷歌时:谷歌=浏览器中的>后退按钮=>商店主页

因此,如果这适合您的需求,那么一切都应该没问题。如果要在浏览器历史记录中包含重定向页面,请将此页替换为

if( url ) window.location.replace(url);

if( url ) window.location.href = url;
65赞 tilak 11/19/2013 #17

试试这个:

location.assign("http://www.google.com");

示例代码片段

46赞 Stefan Gruenwald 11/29/2013 #18

这是一个延时重定向。您可以将延迟时间设置为您想要的任何时间:

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Your Document Title</title>
    <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://www.google.com/"', delay);
        }
    </script>
</head>

<body>
    <script>
        delayer(8000)
    </script>
    <div>You will be redirected in 8 seconds!</div>
</body>

</html>
21赞 Vinay Sharma 12/10/2013 #19

您可以像以下代码中那样使用它,其中是请求映射 (URL)。您也可以使用您的 URL。getRequestToForwardPage

function savePopUp(){
    $.blockUI();
    $.ajax({
        url:"GuestHouseProcessor?roomType="+$("#roomType").val(),
        data: $("#popForm").serialize(),
        dataType: "json",
        error: (function() {
            alert("Server Error");
            $.unblockUI();
    }),
    success: function(map) {
        $("#layer1").hide();
        $.unblockUI();
        window.location = "getRequestToForwardPage";
    }
});

这适用于应用程序的相同上下文。

如果您只想使用特定于 jquery 的代码,那么以下代码可能会有所帮助:

 $(location).attr('href',"http://www.google.com");
 $jq(window).attr("location","http://www.google.com");
 $(location).prop('href',"http://www.google.com"); 
226赞 Nikhil Agrawal 12/23/2013 #20

JavaScript 为您提供了许多方法来检索和更改浏览器地址栏中显示的当前 URL。所有这些方法都使用 Location 对象,该对象是 Window 对象的一个属性。您可以创建一个具有当前 URL 的新 Location 对象,如下所示。

var currentLocation = window.location;

URL 的基本结构

<protocol>//<hostname>:<port>/<pathname><search><hash>

enter image description here

  1. 协议 (Protocol) -- 指定用于访问 Internet 上的资源的协议名称。(HTTP(无 SSL)或 HTTPS(有 SSL))

  2. hostname -- 主机名指定拥有资源的主机。例如,www.stackoverflow.com。服务器使用主机的名称提供服务。

  3. port -- 一个端口号,用于识别 Internet 或其他网络消息到达服务器时要转发到的特定进程。

  4. pathname -- 该路径提供有关 Web 客户端要访问的主机中特定资源的信息。例如,stackoverflow.com/index.html。

  5. query -- 查询字符串跟随路径组件,并提供资源可用于某种目的的信息字符串(例如,作为搜索的参数或要处理的数据)。

  6. hash -- URL 的锚点部分,包括哈希符号 (#)。

使用这些 Location 对象属性,您可以访问所有这些 URL 组件

  1. hash - 设置或返回 URL 的锚点部分。
  2. host -集 或返回 URL 的主机名和端口。
  3. hostname -sets 或 返回 URL 的主机名。
  4. href -设置或返回整个 网址。
  5. pathname - 设置或返回 URL 的路径名。
  6. port - 设置或返回服务器用于 URL 的端口号。
  7. protocol - 设置或返回 URL 的协议。
  8. search -sets 或返回 URL 的查询部分

现在,如果要更改页面或将用户重定向到其他页面,则可以使用 Location 对象的属性,如下所示href

可以使用 Location 对象的 href 属性。

window.location.href = "http://www.stackoverflow.com";

Location Object 也有这三种方法

  1. assign() -- 加载一个新文档。
  2. reload() -- 重新加载当前文档。
  3. replace() -- 用新文档替换当前文档

您还可以使用 assign() 和 replace 方法重定向到其他页面,例如这些页面

location.assign("http://www.stackoverflow.com");

location.replace("http://www.stackoverflow.com");

assign() 和 replace() 的区别 -- replace() 方法和 assign() 方法() 的区别在于 replace() 从文档历史记录中删除当前文档的 URL,这意味着无法使用“返回”按钮导航回原始文档。因此,如果您想加载一个新文档,并希望提供导航回原始文档的选项,请使用 assign() 方法。

您也可以使用 jQuery 更改位置对象 href 属性,如下所示

$(location).attr('href',url);

因此,您可以将用户重定向到其他网址。

82赞 Ashish Ratan 1/27/2014 #21

您需要在代码中加入以下行:

$(location).attr("href","http://stackoverflow.com");

如果你没有jQuery,请使用JavaScript:

window.location.replace("http://stackoverflow.com");
window.location.href("http://stackoverflow.com");
504赞 Govind Singh 1/28/2014 #22

有很多方法可以做到这一点。

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'

// window.history
window.history.back()
window.history.go(-1)

// window.navigate; ONLY for old versions of Internet Explorer
window.navigate('top.jsp')


// Probably no bueno
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';

// jQuery
$(location).attr('href','http://www.example.com')
$(window).attr('location','http://www.example.com')
$(location).prop('href', 'http://www.example.com')

评论

4赞 MarcusOtter 8/23/2022
相关新闻: 使用 JavaScript 重新加载页面的 535 种方法
19赞 Jaydeep Jadav 1/29/2014 #23
<script type="text/javascript">
var url = "https://yourdomain.com";

// IE8 and lower fix
if (navigator.userAgent.match(/MSIE\s(?!9.0)/))
{
    var referLink = document.createElement("a");
    referLink.href = url;
    document.body.appendChild(referLink);
    referLink.click();
}

// All other browsers
else { window.location.replace(url); }
</script>
101赞 Sakthi Karthik 2/6/2014 #24

# 使用 jQuery/JavaScript 方法重定向 HTML 页面

试试这个示例代码:

function YourJavaScriptFunction()
{
    var i = $('#login').val();
    if (i == 'login')
        window.location = "Login.php";
    else
        window.location = "Logout.php";
}

如果要提供完整的 URL,则为 window.location = “www.google.co.in”;

5赞 dnxit 2/8/2014 #25

这就是我使用它的方式。

   window.location.replace('yourPage.aspx');   
   // If you're on root and redirection page is also on the root

   window.location.replace(window.location.host + '/subDirectory/yourPage.aspx');

   // If you're in sub directory and redirection page is also in some other sub directory.

评论

1赞 dnxit 2/11/2014
@Phil您在应用程序中遇到子目录,假设如果您在要转到 url.com/admin/login.aspx url.com/customer/orders.aspx window.location.host 会为您提供 url.com 那么您可以附加子目录和页面
202赞 Newse 2/16/2014 #26

应该只能使用 .window.location

例:

window.location = "https://stackoverflow.com/";

这是过去关于该主题的帖子: 如何重定向到另一个网页?

44赞 Ben 7/7/2014 #27

有三种主要方法可以做到这一点,

window.location.href='blaah.com';
window.location.assign('blaah.com');

和。。。

window.location.replace('blaah.com');

对于传统的重定向,最后一个是最好的,因为它不会在搜索历史记录中被重定向之前保存您访问的页面。但是,如果您只想使用 JavaScript 打开选项卡,则可以使用上述任何一种。1

编辑:前缀是可选的。window

187赞 Patrick W. McMahon 8/28/2014 #28

在我开始之前,jQuery 是一个用于 DOM 操作的 JavaScript 库。因此,您不应该使用jQuery进行页面重定向。

引自 Jquery.com:

虽然 jQuery 在较旧的浏览器版本中可能没有重大问题, 我们不会主动测试其中的jQuery,通常也不会修复错误 可能会出现在他们身上。

它在这里被发现:https://jquery.com/browser-support/

因此,jQuery并不是向后兼容性的万能解决方案。

以下使用原始 JavaScript 的解决方案适用于所有浏览器,并且长期以来一直是标准,因此您不需要任何库来提供跨浏览器支持。

此页面将在 3000 毫秒后重定向到 Google

<!DOCTYPE html>
<html>
    <head>
        <title>example</title>
    </head>
    <body>
        <p>You will be redirected to google shortly.</p>
        <script>
            setTimeout(function(){
                window.location.href="http://www.google.com"; // The URL that will be redirected too.
            }, 3000); // The bigger the number the longer the delay.
        </script>
    </body>
</html>

不同的选项如下:

window.location.href="url"; // Simulates normal navigation to a new page
window.location.replace("url"); // Removes current URL from history and replaces it with a new URL
window.location.assign("url"); // Adds new URL to the history stack and redirects to the new URL

window.history.back(); // Simulates a back button click
window.history.go(-1); // Simulates a back button click
window.history.back(-1); // Simulates a back button click
window.navigate("page.html"); // Same as window.location="url"

使用替换时,后退按钮不会返回到重定向页面,就好像它从未出现在历史记录中一样。如果希望用户能够返回重定向页面,请使用 或 。如果您确实使用了允许用户返回重定向页面的选项,请记住,当您进入重定向页面时,它会将您重定向回去。因此,在为重定向选择选项时,请考虑这一点。在页面仅在用户完成操作时重定向的情况下,将页面放在后退按钮历史记录中是可以的。但是,如果页面自动重定向,则应使用替换,以便用户可以使用后退按钮,而不会被迫返回重定向发送的页面。window.location.hrefwindow.location.assign

您还可以使用元数据来运行页面重定向,如下所示。

META 刷新

<meta http-equiv="refresh" content="0;url=http://evil.example/" />

META位置

<meta http-equiv="location" content="URL=http://evil.example" />

基地劫持

<base href="http://evil.example/" />

在此页面上可以找到更多方法将毫无戒心的客户端重定向到他们可能不想访问的页面(其中没有一种方法依赖于jQuery):

https://code.google.com/p/html5security/wiki/RedirectionMethods

我还想指出,人们不喜欢被随机重定向。只在绝对需要时重定向人员。如果您开始随机重定向人们,他们将永远不会再访问您的网站。

下一段是假设的:

您还可能被报告为恶意网站。如果发生这种情况,那么当人们点击指向您网站的链接时,用户浏览器可能会警告他们您的网站是恶意的。还可能发生的情况是,如果人们在您的网站上报告糟糕的体验,搜索引擎可能会开始降低您的评分。

请查看有关重定向的 Google 网站站长指南:https://support.google.com/webmasters/answer/2721217?hl=en&ref_topic=6001971

这是一个有趣的小页面,可以把你踢出页面。

<!DOCTYPE html>
<html>
    <head>
        <title>Go Away</title>
    </head>
    <body>
        <h1>Go Away</h1>
        <script>
            setTimeout(function(){
                window.history.back();
            }, 3000);
        </script>
    </body>
</html>

如果你将这两个页面示例组合在一起,你将有一个重新路由的婴儿循环,这将保证你的用户再也不想使用你的网站。

55赞 Azam Alvi 9/6/2014 #29

您可以在jQuery中像这样重定向:

$(location).attr('href', 'http://yourPage.com/');
16赞 Adarsh Gowda K R 9/8/2014 #30

这是重定向到超时为 10 秒的其他页面的代码。

<script>
    function Redirect()
    {
        window.location="http://www.adarshkr.com";
    }

    document.write("You will be redirected to a new page in 10 seconds.");
    setTimeout('Redirect()', 10000);
</script>

您也可以像这样操作,使用 location.assign 单击按钮:

<input type="button" value="Load new document" onclick="newPage()">
<script>
    function newPage() {
        window.location.assign("http://www.adarshkr.com")
    }
</script>

评论

0赞 Patrick W. McMahon 12/19/2014
请勿使用内嵌点击事件。不好的做法,在所有 Web 浏览器的未来迭代中都不受支持。
26赞 stratum 9/11/2014 #31

使用 jQuery 函数:

$.extend({
  redirectPost: function(location, args) {
    var form = '';
    $.each(args, function(key, value) {
      form += '<input type="hidden" name="' + key + '" value="' + value + '">';
    });
    $('<form action="' + location + '" method="POST">' + form + '</form>').appendTo($(document.body)).submit();
  }
});

在你的代码中,你像这样使用它:

$.redirectPost("addPhotos.php", {pimreference:  $("#pimreference").val(), tag: $("#tag").val()});
7赞 devst3r 9/29/2014 #32

使用 jQuery/JavaScript 重定向用户

通过使用jQuery或JavaScript中的location对象,我们可以将用户重定向到另一个网页。

在jQuery中

将用户从一个页面重定向到另一个页面的代码是:

var url = 'http://www.example.com';
$(location).attr('href', url);

在 JavaScript 中

将用户从一个页面重定向到另一个页面的代码是:

var url = 'http://www.example.com';
window.location.href = url;

var url = 'http://www.example.com';
window.location = url;
90赞 SergeDirect 12/27/2014 #33

原题:“如何使用jQuery进行重定向?”,因此答案实现了jQuery>>免费用例。


要仅重定向到带有 JavaScript 的页面:

window.location.href = "/contact/";

或者,如果您需要延迟:

setTimeout(function () {
  window.location.href = "/contact/";
}, 2000);   // Time in milliseconds

jQuery允许您轻松地从网页中选择元素。您可以在页面上找到所需的任何内容,然后使用 jQuery 添加特殊效果、对用户操作做出反应,或者在所选元素内部或外部显示和隐藏内容。所有这些任务都从知道如何选择元素或事件开始。

$('a,img').on('click',function(e){
  e.preventDefault();
  $(this).animate({
    opacity: 0 //Put some CSS animation here
  }, 500);
  setTimeout(function(){
    // OK, finished jQuery staff, let's go redirect
    window.location.href = "/contact/";
  },500);
});

想象一下,有人编写了一个包含 10000 行代码的脚本/插件。使用 jQuery,只需一两行即可连接到此代码。

44赞 Epiphany 2/28/2015 #34

我只需要用另一个更新的jQuery方法更新这个荒谬之处:

var url = 'http://www.fiftywaystoleaveyourlocation.com';
$(location).prop('href', url);
47赞 lalithkumar 5/22/2015 #35

Javascript的:

window.location.href='www.your_url.com';
window.top.location.href='www.your_url.com';
window.location.replace('www.your_url.com');

Jquery:

var url='www.your_url.com';
$(location).attr('href',url);
$(location).prop('href',url);//instead of location you can use window
24赞 vipul sorathiya 6/16/2015 #36

只需在 JavaScript 中,您可以使用以下命令重定向到特定页面:

window.location.replace("http://www.test.com");

location.replace("http://www.test.com");

window.location.href = "http://www.test.com";

使用 jQuery:

$(window).attr("location","http://www.test.com");
27赞 Muhammad Waqas 12/5/2015 #37

在 JavaScript 和 jQuery 中,我们使用以下代码来重定向页面:

window.location.href="http://google.com";
window.location.replace("page1.html");

但是你可以在jQuery中创建一个函数来重定向页面:

jQuery.fn.redirect=function(url)
{
    window.location.href=url;
}

并调用此函数:

jQuery(window).redirect("http://stackoverflow.com/")

评论

1赞 A1rPun 12/5/2015
为什么要在这一行中传递给jQuery函数:?windowjQuery(window).redirect(...)
0赞 Muhammad Waqas 12/5/2015
@A1rPun我需要什么才能传递窗口ord文档?
2赞 1j01 7/10/2016
这不应该是jQuery方法。和 之间没有区别。你可以把它变成一个静态方法,但实际上也不需要太多。jQuery根本不需要参与。$("div").redirect(url)$().redirect(url)$.redirect(url)
52赞 Divyesh Kanzariya 3/3/2016 #38

第一种方式

这是用于重定向页面的jQuery代码。由于我已将此代码放在 $(document).ready() 函数上,因此它将在页面加载后立即执行。

var url = "http://stackoverflow.com";
$(location).attr('href',url);

您甚至可以将 URL 直接传递给 attr() 方法,而不是使用变量。

第二种方式

 window.location.href="http://stackoverflow.com";

您也可以像这样编写代码(两者在内部都是相同的):

window.location="http://stackoverflow.com";

如果你对 window.location 和 之间的区别感到好奇,那么你可以看到后者是显式设置属性的,而前者是隐式设置的。由于返回一个对象,该对象默认设置其属性。window.location.hrefhrefwindow.location.href

第三条道路

还有另一种使用 JavaScript 重定向页面的方法,即 object 的方法。您可以将新 URL 传递给该方法,它将模拟 HTTP 重定向。顺便说一句,请记住,该方法不会将原始页面放在会话历史记录中,这可能会影响后退按钮的行为。有时,这是你想要的,所以要小心使用。replace()window.locationreplace()window.location.replace()

// Doesn't put originating page in history
window.location.replace("http://stackoverflow.com");

第四条道路

该方法在浏览器窗口中加载一个新文档。location.assign()

window.location.assign("http://stackoverflow.com"); 

和方法之间的区别在于,该方法从文档历史记录中删除当前 URL,因此无法导航回原始文档。在这种情况下,您不能使用浏览器的“后退”按钮。如果要避免这种情况,则应使用 method,因为它会在浏览器中加载一个新文档。assign()replace()location.replace()location.assign()

第五种方式

like attr() 方法(在 jQuery 1.6 引入之后)

var url = "http://stackoverflow.com";
$(location).prop('href', url);

8赞 Zigri2612 3/4/2016 #39

从客户端进行重定向的所有方法:

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript and jQuery example to redirect a page or URL </title>
    </head>
    <body>
        <div id="redirect">
            <h2>Redirecting to another page</h2>
        </div>

        <script src="scripts/jquery-1.6.2.min.js"></script>
        <script>
            // JavaScript code to redirect a URL
            window.location.replace("http://stackoverflow.com");
            // window.location.replace('http://code.shouttoday.com');

            // Another way to redirect page using JavaScript

            // window.location.assign('http://code.shouttoday.com');
            // window.location.href = 'http://code.shouttoday.com';
            // document.location.href = '/relativePath';

            //jQuery code to redirect a page or URL
            $(document).ready(function(){
                //var url = "http://code.shouttoday.com";
                //$(location).attr('href',url);
                // $(window).attr('location',url)
                //$(location).prop('href', url)
            });
        </script>
    </body>
</html>

47赞 1j01 4/14/2016 #40

ECMAScript 6 + jQuery,85 字节

$({jQueryCode:(url)=>location.replace(url)}).attr("jQueryCode")("http://example.com")

请不要杀我,这是个笑话。这是个笑话。这是个笑话。

这确实“为问题提供了答案”,从某种意义上说,它要求“使用jQuery”的解决方案,在这种情况下,这需要以某种方式将其强制到等式中。

Ferrybig 显然需要解释这个笑话(还在开玩笑,我敢肯定评论表上的选项有限),所以事不宜迟:

其他答案是不必要地在 or 对象上使用 jQuery。attr()locationwindow

这个答案也滥用了它,但以一种更荒谬的方式。它不是使用它来设置位置,而是用于检索设置位置的函数。attr()

即使没有关于它的jQuery,该函数也被命名,并且调用函数非常可怕,尤其是当该东西甚至不是一种语言时。jQueryCodesomethingCode

“85 字节”是对 Code Golf 的引用。高尔夫显然不是你应该在代码高尔夫之外做的事情,而且这个答案显然不是真正的高尔夫。

基本上,畏缩。

10赞 user1012506 6/17/2016 #41

我已经使用了 JavaScript 的函数 redirect()。它正在工作。

<script type="text/javascript">
    $(function () {
        //It's similar to HTTP redirect
        window.location.replace("http://www.Technomark.in");

        //It's similar to clicking on a link
        window.location.href = "Http://www.Technomark.in";
    })
</script>

评论

8赞 Mimouni 6/17/2016
this answer 和 first 和有什么不一样?
15赞 madhur 8/29/2016 #42

您可以使用:

window.location.replace("http://www.example.com/");

该方法不会在会话历史记录中保存原始页面,因此用户无法使用后退按钮返回并再次重定向。注意:在这种情况下,浏览器后退按钮将被停用。replace()

但是,如果您想要与单击链接相同的效果,则应选择:

window.location.href = "http://www.example.com/";

在这种情况下,浏览器的后退按钮将处于活动状态。

16赞 Abhishek K. Upadhyay 9/30/2016 #43

这非常容易实现。您可以使用:

window.location.href = "http://www.example.com/";

这将记住上一页的历史记录。因此,可以通过单击浏览器的后退按钮返回。

艺术

window.location.replace("http://www.example.com/");

此方法不会记住上一页的历史记录。在这种情况下,后退按钮将被禁用。

12赞 SantoshK 10/24/2016 #44

您可以使用以下方法重定向页面:

  1. 通过在头部 - 中使用元标记。请注意......用于在多少秒后需要重定向页面<meta http-equiv="refresh" content="0;url=http://your-page-url.com" />content="0;

  2. 通过使用 JavaScript:window.location.href = "http://your-page-url.com";

  3. 通过使用 jQuery:$(location).attr('href', 'http://yourPage.com/');

评论

0赞 1j01 3/10/2017
没有理由为此使用 jQuery,也没有必要。window.
0赞 SantoshK 3/10/2017
我用过窗户的地方。在jquery查询示例中?...如果您想通过 javascript 重定向页面...而不是你需要使用 window.location..
0赞 1j01 3/17/2017
我的意思是将它们作为独立的东西:您不应该为此使用 jQuery,在 JavaScript 示例中,您可以简化为 甚至 .window.location.href =location.href =location =
0赞 SantoshK 3/21/2017
是的,location.href = 重定向页面会更好 -:)
14赞 cascading-style 11/24/2016 #45

用:

function redirect(a) {
    location = a
}

并用以下命令调用它:redirect([url]);

没有必要 之后 ,正如它所暗示的那样。hreflocation

33赞 Taufiq Rahman 12/13/2016 #46

jQuery中,使用:$(location).attr('href', url)

$(document).ready(function(){
    var url = "https://www.youtube.com/watch?v=JwMKRevYa_M";
    $(location).attr('href', url); // Using this
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

原始 JavaScript 中,有多种方法可以实现这一点:

window.location.href="https://www.youtube.com/watch?v=JwMKRevYa_M";

- 显式设置 href 属性。

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

- 隐式地这样做 因为window.location返回一个对象,默认情况下该对象设置其.href属性。

window.location.replace("http://www.stackoverflow.com");

- 将当前窗口的位置替换为新窗口。

self.location = "http://www.somewebsite.com";

- 设置当前窗口本身的位置。

以下是在特定时间(3 秒)后重定向 JavaScript 的示例:

<script>
    setTimeout(function() {
        window.location.href = "https://www.youtube.com/";
    }, 3000);
</script>

15赞 sneha 2/9/2017 #47
<script type="text/javascript">
    if(window.location.href === "http://stackoverflow.com") {      
         window.location.replace("https://www.google.co.in/");
       }
</script>
56赞 Kalpesh Panchal 2/24/2017 #48

使用 JavaScript:

方法1:

window.location.href="http://google.com";

方法2:

window.location.replace("http://google.com");

使用 jQuery:

方法一:$(location)

$(location).attr('href', 'http://google.com');

方法2:可重用功能

jQuery.fn.redirectTo = function(url){
    window.location.href = url;
}

jQuery(window).redirectTo("http://google.com");
216赞 Alireza 2/26/2017 #49

基本上 jQuery 只是一个 JavaScript 框架,在这种情况下,为了执行重定向等一些事情,您可以只使用纯 JavaScript,因此在这种情况下,您有 3 个选项使用普通 JavaScript:

1)使用位置替换,这将替换页面的当前历史记录,这意味着无法使用后退按钮返回原始页面。

window.location.replace("http://stackoverflow.com");

2)使用位置分配,这将为您保留历史记录,并使用后退按钮,您可以返回原始页面:

window.location.assign("http://stackoverflow.com");

3)我建议使用前面的其中一种方式,但这可能是使用纯JavaScript的第三种选择:

window.location.href="http://stackoverflow.com";

你也可以在jQuery中编写一个函数来处理它,但不建议这样做,因为它只有一行纯JavaScript函数,如果你已经在窗口范围内,你也可以在没有窗口的情况下使用上述所有函数,例如可以window.location.replace("http://stackoverflow.com");location.replace("http://stackoverflow.com");

我也在下图中展示了它们:

location.replace location.assign

13赞 Maniruzzaman Akash 5/27/2017 #50

我只是添加另一种方式:

要将您网站的任何特定页面/链接重定向到另一个页面,只需添加以下代码行:

<script>
    if(window.location.href == 'old_url')
    {
        window.location.href="new_url";
    }

    // Another URL redirect
    if(window.location.href == 'old_url2')
    {
        window.location.href="new_url2";
    }
</script>

举一个现实生活中的例子,

<script>
    if(window.location.href == 'https://old-site.com')
    {
        window.location.href="https://new-site.com";
    }

    // Another URL redirect
    if(window.location.href == 'https://old-site.com/simple-post.html')
    {
        window.location.href="https://new-site.com/simple-post.html";
    }
</script>

通过使用这个简单的代码,您可以重定向整个网站或任何单个页面。

14赞 Mohideen bin Mohammed 6/27/2017 #51
  1. location.assign():

    通过将路径传递到路由路径来分配路由路径。即使在分配路径后,“分配”也会为您提供历史记录。

    使用方法:value 应该被传入其中。

    例如: location.assign("http://google.com")

    Enter image description here

  2. 位置.href

    可以定义给出进入它的路径...一旦设置,它将重定向到给定的路径,并将保留历史记录......

    使用方法:应将值赋值到其中。

    例如: location.href = "http://google.com"

  3. location.replace():

    如果您不想保留历史记录,替换路径会有所帮助。一旦你替换了它的路径,它就不会给你一个历史。

    使用方法:value 应该被传递到其中。

    例如: location.replace("http://google.com")

    Enter image description here


assign()并且是相似的,两者都可以保持历史。 将通过传递一个值来工作,而 href 通过赋值来工作。hrefassign

你可以使用 JavaScript 本身来实现它,而无需使用 jQuery,方法是分配

window.location = "http://google.com"
location.href = "http://google.com"

您可以使用jQuery实现类似的事情,如下所示。它将像上面一样做同样的事情,

$(window).attr('location', "http://www.google.com");
$(location).attr('href', "http://www.google.com");

你可以很容易地理解两者之间的区别......

下面是 Location 对象,

Location API from chrome

10赞 RuNpiXelruN 7/19/2017 #52

如果您想重定向到同一应用程序中的路线,只需

window.location.pathname = '/examplepath'

将是要走的路。

15赞 HD.. 8/28/2017 #53

单页应用程序,在同一应用程序路由中

window.location.pathname = '/stack';

JavaScript的:

location.href = "http://stack.com";
window.location = "http://stack.com";

j查询:

$(location).attr('href', "http://www.stack.com");
$(window).attr('location', "http://www.stack.com");

角度 4

import { Router } from '@angular/router';
export class NavtabComponent{
    constructor(private router: Router) {
    }
    this.router.navigate(['bookings/taxi']);
}
6赞 omkaartg 12/8/2017 #54

根据我的工作经验,JavaScript 重定向要好得多。

这取决于您希望如何更改位置。如果要在用户历史记录中记录您的网站,请使用 .否则,要在不登录历史记录的情况下执行此操作,请使用 .window.location.href='ur website';window.location.replace("your website");

19赞 Andrei Todorut 12/23/2017 #55

使用将重定向您,但不会保存上一页的历史记录。最好在提交表单时使用此功能。location.replace()

但是,当您想保留历史记录时,您必须使用 .location.href=//path

例子:

// Form with steps
document.getElementById('#next').onclick = function() {
   window.location.href='/step2' // Iteration of steps;
}

// Go to next step
document.getElementById('#back').onclick = function() {
   window.history.back();
}

// Finish
document.getElementById('#finish').onclick = function() {
   window.location.href = '/success';
}

// On success page
window.onload = function() {
    setTimeout(function() {
       window.location.replace('/home'); // I can't go back to success page by pressing the back button
    },3000);
}
17赞 wild coder 2/14/2018 #56

可以在脚本节中为 Button 单击事件编写 Url.Action,如下所示。

function onclick() {
    location.href = '@Url.Action("Index", "Home")';
}
16赞 Alessandro Foolish Ciak DAnton 2/18/2018 #57

如果您更喜欢使用纯 JavaScript,我意识到在 Firefox 中使用 or 会导致兼容性问题。请尝试使用:document.location.href = "https://example.com"window.location.href = "https://example.com"

location.href = "https://example.com";
location.replace("http://example.com");

就我而言,已经解决了这个问题。祝你好运!

59赞 Mustkeem K 3/30/2018 #58

JavaScript 非常广泛。如果你想跳到另一个页面,你有三个选择。

window.location.href='otherpage.com';
window.location.assign('otherpage.com');
//and...

window.location.replace('otherpage.com');

当您想移动到另一个页面时,如果您需要,可以使用其中的任何一个。
但是,所有这三个选项都仅限于不同的情况。根据您的要求明智地选择。

如果您对有关该概念的更多知识感兴趣,可以进一步了解。

window.location.href;     // Returns the href (URL) of the current page
window.location.hostname; // Returns the domain name of the web host
window.location.pathname; // Returns the path and filename of the current page
window.location.protocol; // Returns the web protocol used (http: or https:)
window.location.assign;   // Loads a new document
window.location.replace;  // Replace the current location with new one.