ECMAScript 6 + jQuery，85字节

Question

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

Answer 1

不只是使用jQuery重定向

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

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

如果您想模拟某人点击某个链接，请使用的 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";

Answer 2

警告：此答案仅作为可能的解决方案提供;它显然是不是最好的解决方案，因为它需要jQuery。相反，更喜欢纯JavaScript解决方案。

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

Answer 3

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

// 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')

Answer 4

这适用于所有浏览器：

window.location.href = 'your_url';

Answer 5

如果您对自己想做的事情有一点描述性，那将会有所帮助。如果您尝试生成分页数据，则有一些选项可用于执行此操作。您可以为希望能够直接访问的每个页面生成单独的链接。

<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
    });
});

Answer 6

我还认为location.replace(URL)是最好的方法，但是如果你想通知搜索引擎你的重定向（他们不分析JavaScript代码以查看重定向），你应该添加{{1}元标记到您的网站。

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

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

rel="canonical"

Answer 7

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

window.location = window.location.host

如果您有三种不同的环境，如开发，登台和制作，将会很有帮助。

您只需将这些字词放在Chrome控制台或Firebug的控制台中即可浏览此窗口或window.location对象。

Answer 8

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

var currentLocation = window.location;

网址的基本结构

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

enter image description here

协议 - 指定用于访问Internet上资源的协议名称。（HTTP（不使用SSL）或HTTPS（使用SSL））
hostname - 主机名指定拥有该资源的主机。例如，www.stackoverflow.com。服务器使用主机名提供服务。
port - 用于识别Internet或其他网络消息在到达服务器时要转发到的特定进程的端口号。
pathname - 该路径提供有关Web客户端要访问的主机中特定资源的信息。例如，stackoverflow.com / index.html。
query - 查询字符串跟在路径组件之后，并提供资源可用于某种目的的信息字符串（例如，作为搜索的参数或要处理的数据）。
hash - URL的锚点部分，包括井号（＃）。

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

哈希 - 设置或返回网址的锚点部分。
主机 -Sets 或返回URL的主机名和端口。
主机名 -Sets或返回URL的主机名。
href - 设置或返回整个 URL。
路径名 - 设置或返回网址的路径名。
port - 设置或返回服务器用于URL的端口号。
协议 - 设置或返回URL的协议。
搜索 -Sets 或者返回URL的查询部分

现在，如果您想要更改页面或将用户重定向到其他页面，您可以像这样使用Location对象的href属性

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

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

位置对象也有这三种方法

assign（） - 加载新文档。
reload（） - 重新加载当前文档。
replace（） - 用新的文档替换当前文档

您也可以使用assign（）和replace方法重定向到其他类似的页面

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

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

assign（）和replace（）的区别 - replace（）方法和assign（）方法（）之间的区别在于替换（）从文档历史记录中删除当前文档的URL，意味着无法使用“后退”按钮导航回原始文档。因此，如果要加载新文档，请使用assign（）方法，并希望选择导航回原始文档。

您可以使用 jQuery 更改位置对象href属性，也可以像这样

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

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

Answer 9

基本上 jQuery 只是一个 JavaScript 框架，在这种情况下执行重定向之类的操作，您只需使用纯JavaScript ，那么在这种情况下，你有3个使用vanilla 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函数，如果您已经在窗口范围内，也可以使用上面没有窗口的所有函数，例如{{ 1}}可以是window.location.replace("http://stackoverflow.com");

我也会在下面的图片中显示所有内容：

Answer 10

应该只能使用window.location进行设置。

示例：

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

以下是关于该主题的过去帖子：How do I redirect to another webpage?

Answer 11

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

Jquery.com引用：

虽然jQuery可能在旧浏览器版本中运行时没有出现重大问题，我们不主动测试jQuery，一般不修复bug 可能会出现在他们身上。

在这里找到： 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.href或window.location.assign。如果您确实使用了允许用户返回重定向页面的选项，请记住，当您进入重定向页面时，它会将您重定向回来。因此，在为重定向选择选项时要考虑到这一点。在页面仅在用户完成操作时重定向的情况下，将页面置于后退按钮历史记录中是可以的。但是，如果页面自动重定向，那么您应该使用替换，以便用户可以使用后退按钮而不会强制返回到重定向发送的页面。

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

META刷新

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

META位置

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

BASE Hijacking

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

可以在此页面上找到更多将您的毫无疑问的客户端重定向到他们可能不希望访问的页面的方法（其中一个不依赖于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>

如果您将两个页面示例组合在一起，您将有一个婴儿循环重新路由，这将保证您的用户永远不会再想要再次使用您的网站。

Answer 12

var url = 'asdf.html';
window.location.href = url;

Answer 13

你可以在没有jQuery的情况下做到：

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

如果你只想要jQuery那么你就可以这样做：

$jq(window).attr("location","http://yourdomain.com");

Answer 14

这适用于jQuery：

$(window).attr("location", "http://google.fr");

Answer 15

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

试试这个示例代码：

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

如果您想要提供完整的网址 window.location = "www.google.co.in"; 。

Answer 16

您需要在代码中添加以下内容：

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

如果您没有jQuery，请使用JavaScript：

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

Answer 17

那么，问题是如何制作重定向页面，而不是如何重定向到网站？

您只需要使用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 。

<强> Link to Documentation

这就是您使用JavaScript制作简单重定向页面的方法

编辑：

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

示例：

流程：商店 =＆gt; 将网页重定向到Google =＆gt;的谷歌

在谷歌时：谷歌 =＆gt; 浏览器中的后退按钮 =＆gt; 商店

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

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

带

if( url ) window.location.href = url;

Answer 18

在点击功能上，只需添加：

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});

Answer 19

*****原始问题是 - ＆＃34;如何重新使用JQUERY＆＃34;，HANS THE ANSWER IMPLEMENTS JQUERY＆gt;＆gt;免费使用案例*****

只需重定向到包含JavaScript的网页：

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

或者如果您需要延迟：

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

jQuery允许您轻松地从网页中选择元素。您可以在页面上找到任何想要的内容，然后使用jQuery添加特殊效果，对用户操作做出反应，或者显示和隐藏您选择的元素内部或外部的内容。所有这些任务都从了解how to select an element or an event开始。

     $('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，你只需要一两行即可连接到这段代码。

Answer 20

试试这个：

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

Code snippet of example

Answer 21

不需要jQuery。你可以这样做：

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

就这么简单！

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

Answer 22

首先正确写。您希望在应用程序中导航，从您的应用程序中为另一个链接导航。这是代码：

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

如果您想在应用程序中导航页面，那么如果您愿意，我也可以使用代码。

Answer 23

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

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

Answer 24

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

Answer 25

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

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

Answer 26

ECMAScript 6 + jQuery，85字节

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

请不要杀了我，这是个玩笑。这是个玩笑。 这是一个笑话。

这确实提供了问题的答案＆＃34;，因为它要求解决方案＆＃34;使用jQuery＆＃34;在这种情况下，它会以某种方式强迫它进入等式。

Ferrybig显然需要解释这个笑话（仍在开玩笑，我确定评论表上的选项有限），所以不用多说了：

其他答案在attr()或location对象上不必要地使用jQuery的window。

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

该函数名为jQueryCode，即使没有关于它的jQuery，调用函数somethingCode也很可怕，特别是当某些东西甚至不是一种语言时。

＆＃34; 85字节＆＃34;是Code Golf的参考。高尔夫显然不是你应该在代码高尔夫之外做的事情，而且这个答案显然不是高尔夫球。

基本上，畏缩。

Answer 27

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

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

Answer 28

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

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

和...

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

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

编辑：window前缀是可选的。

Answer 29

我只需要用另一种更新的jQuery方法来更新这种荒谬：

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

Answer 30

在PHP，HTML或jQuery部分之后编写以下代码。如果在PHP或HTML部分的中间，则使用＆lt; script＆gt;标签

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

Answer 31

用于重定向页面或URL的jQuery代码

第一种方式

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

＆＃13;

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

＆＃13;

您甚至可以将网址直接传递给 attr（）方法，而不是使用变量。

第二种方式

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

您也可以这样编码（内部都相同）：

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

如果您对window.location和window.location.href之间的区别感到好奇，那么您可以看到后者明确地设置了href属性，而前者则隐式地设置了它。由于window.location返回一个对象，默认情况下会设置其.href属性。

第三种方式

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

＆＃13;

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

＆＃13;

第四种方式

喜欢 attr（）方法（在jQuery 1.6引入之后）

＆＃13;

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

＆＃13;

Answer 32

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

Answer 33

在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/")

Answer 34

使用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()});

Answer 35

只需在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");

Answer 36

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

Answer 37

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

Answer 38

您可以像下面的代码一样使用它，其中getRequestToForwardPage是请求映射（URL）。您也可以使用您的网址。

function savePopUp(){
    $.blockUI();
    $.ajax({
        url:"saveGuestHouse?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");

Answer 39

以下是重定向到其他页面的代码，超时时间为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>

Answer 40

<script type="text/javascript">
    if(window.location.href === "http://stackoverflow.com") {      
         window.location.replace("https://www.google.co.in/");
       }
</script>

Answer 41

您可以使用：

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

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

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

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

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

Answer 42

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

在头部使用元标记 - <meta http-equiv="refresh" content="0;url=http://your-page-url.com" />。请注意，content="0; ...用于在您需要重定向页面的秒数之后
使用JavaScript：window.location.href = "http://your-page-url.com";
使用jQuery：$(location).attr('href', 'http://yourPage.com/');

Answer 43

使用：

function redirect(a) {
    location = a
}

并使用：redirect([url]);

进行调用

隐含在href之后location不需要。{/ p>

Answer 44

您可以在脚本部分中为Button click事件编写Url.Action，如下所示。

function onclick() {
        location.href = '@Url.Action("Index","Home")';
    }

Answer 45

单页应用程序，在同一应用程序路径中

window.location.pathname = '/stack';

<强> JavaScript的：

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

<强> jQuery的：

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

Angular 4

import { Router } from '@angular/router';
export class NavtabComponent{
    constructor(private router: Router) {
    }
    this.router.navigate(['bookings/taxi']);
}

Answer 46

这很容易实现。您可以使用：

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

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

或者：

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

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

Answer 47

我只是添加另一种方式：

要将您网站的任何特定网页/链接重定向到其他网页，只需添加以下代码：

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

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

Answer 48

如果您更喜欢使用纯JavaScript，我意识到使用document.location.href = "https://example.com"或window.location.href = "https://example.com"会导致Firefox中出现兼容性问题。而是尝试使用：

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

在我的情况下已经解决了这个问题。祝你好运！

Answer 49

<强> location.assign（）：

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

使用方法：值应该传递给它。

例如： location.assign("http://google.com")
<强> location.href

可以定义给它一个路径......一旦设置它就会重定向到一个给定的路径，并且它将保留历史......

使用方法：值应该分配给它。

例如： location.href = "http://google.com"
<强> location.replace（）：

如果您不想保留历史记录，将有助于替换路径。一旦你替换它的路径，它就不会给你一个历史记录。

使用方法：值应传入其中。

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

assign()和href相似，都可以保存历史记录。 assign将通过传递值和href通过分配来工作。

您可以使用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对象，

Answer 50

我已经使用了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>

Answer 51

如果您只想重定向到同一个应用中的路线

window.location.pathname = '/examplepath'

将是要走的路。

Answer 52

使用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);
}

Answer 53

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

＆＃13;

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

＆＃13;

Answer 54

使用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;

Answer 55

在我的工作经验中，JavaScript更好地重定向。

这取决于您想要如何更改位置。如果您要在用户历史记录中记录您的网站，请使用window.location.href='ur website';。否则，如果不登录历史记录，请使用window.location.replace("your website");。

Answer 56

这就是我使用它的方式。

   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.

如何重定向到其他网页？

56 个答案:

不只是使用jQuery重定向

ECMAScript 6 + jQuery，85字节

用于重定向页面或URL的jQuery代码