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

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

window.location.replace(...)比使用window.location.href要好，因为replace()在会话历史中不保留原始页，这意味着用户不会陷入无休止的后退按钮失败。

If you want to simulate someone clicking on a link, use
location.href

If you want to simulate an HTTP redirect, use location.replace

例如：

WARNING: This answer has merely been provided as a possible solution; it is obviously not the best solution, as it requires jQuery. Instead, prefer the pure JavaScript solution.

Standard"vanilla" JavaScript way to redirect a page:

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

如果您在这里是因为重定向时丢失了HTTP引用，请继续阅读：

下面的部分是针对那些使用HTTP_REFERER作为许多安全措施之一的人(尽管它不是很好的保护措施)。如果您使用的是Internet Explorer 8或更低版本，那么在使用任何形式的javascript页面重定向(location.href等)时，这些变量都会丢失。

Below we are going to implement an alternative for IE8 & lower so that we don't lose HTTP_REFERER. Otherwise you can almost always simply use window.location.href.

针对HTTP_REFERER的测试(URL粘贴、会话等)有助于判断请求是否合法。(注：正如Droop在评论中的链接所指出的，也有办法绕过/欺骗这些引用者)

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

用法：redirect('anotherpage.aspx');。

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

这适用于每个浏览器：

如果你对你想做的事情更具描述性，那会有所帮助。如果您正在尝试生成分页数据，那么在如何执行此操作中有一些选项。您可以为希望直接访问的每个页面生成单独的链接。

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

如果您希望通过Ajax更改分页数据，jQuery就会出现在这里。您将要做的是向对应于不同页面的每个锚标记添加一个单击处理程序。这个点击处理程序将调用一些jquery代码，通过Ajax来获取下一页，并用新数据更新表。下面的示例假设您有一个返回新页面数据的Web服务。

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

添加一个包含HTML刷新元标记的noscript部分也是一个很好的解决方案。我建议您使用这个javascript重定向工具来创建重定向。它还支持Internet Explorer来传递HTTP引用。

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

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

如果您有三种不同的环境，如开发、分段和生产，这将很有帮助。

只需将这些词放在Chrome控制台或Firebug控制台中，就可以浏览此window或window.location对象。

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

URL的基本结构

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

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

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

定位对象也有这三种方法

您还可以使用assign()和replace方法重定向到其他类似的页面

assign()和replace()的区别是replace()方法和assign()方法的区别是replace()从文档历史记录中删除当前文档的URL，这意味着无法使用"返回"按钮导航回原始文档。因此，如果您想加载一个新的文档，并想给这个选项返回到原始文档，那么可以使用assign()方法。

也可以使用jquery更改location对象href属性，如下所示

因此，您可以将用户重定向到其他URL。

应该可以使用window.location进行设置。

例子：

这是过去关于这个主题的帖子：

How do I redirect to another webpage?

基本上，jquery只是一个javascript框架，在这种情况下，对于执行重定向等操作，您可以使用纯javascript，因此在这种情况下，您可以使用普通javascript有3个选项：

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

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

3)我建议使用上述方法之一，但这可能是使用纯javascript的第三个选项：

您也可以在jquery中编写一个函数来处理它，但不推荐使用它，因为它只是一行纯javascript函数，如果您已经在窗口范围内，也可以使用上面所有没有窗口的函数，例如window.location.replace("http://stackoverflow.com");可以是location.replace("http://stackoverflow.com");。

我也在下面的图片中展示了它们：

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

jquery.com的报价：

While jQuery might run without major issues in older browser versions,
we do not actively test jQuery in them and generally do not fix bugs
that may appear in them.

它是在这里发现的：https://jquery.com/browser-support(浏览器支持)/

所以jquery并不是一个向后兼容的完整解决方案。

The following solution using raw JavaScript works in all browsers and have been standard for a long time so you don't need any libraries for cross browser support.

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

不同的选项如下：

使用replace时，"上一步"按钮不会返回重定向页，就好像它从未出现在历史记录中一样。如果您希望用户能够返回重定向页面，那么使用window.location.href或window.location.assign。如果您确实使用了一个允许用户返回重定向页面的选项，请记住，当您进入重定向页面时，它将重新定向您。所以在为你的重定向选择选项时要考虑到这一点。在只有当用户执行某项操作时才重定向页面的情况下，将页面置于后退按钮历史记录中是可以的。但是，如果页面自动重定向，那么您应该使用replace，这样用户就可以使用back按钮而不必被迫返回重定向发送的页面。

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

元刷新

元定位

基地劫持

在这个页面上可以找到更多的方法来将您不信任的客户机重定向到他们不希望访问的页面(其中没有一个方法依赖于jquery)：

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

我还想指出，人们不喜欢被随机重定向。只有在绝对需要的时候才改变人们的方向。如果你开始随机重定向用户，他们就不会再去你的网站了。

下一部分是假设性的：

You also may get reported as a malicious site. If that happens then when people click on a link to your site the users browser may warn them that your site is malicious. What may also happen is search engines may start dropping your rating if people are reporting a bad experience on your site.

请查看有关重定向的谷歌网站管理员指南：https://support.google.com/webmasters/answer/2721217？hl=en&ref_主题=6001971

这是一个有趣的小页面，让你从这个页面中脱颖而出。

如果将这两个页面示例结合在一起，您将有一个重新路由的婴儿循环，它将确保您的用户永远不会再希望使用您的站点。

在没有jquery的情况下，可以这样做：

如果您只需要jquery，那么您可以这样做：

这适用于jquery：

#使用jquery/javascript重定向HTML页面

尝试以下示例代码：

如果你想给出一个完整的网址作为window.location ="www.google.co.in";。

您需要将此行放入代码中：

如果没有jquery，请使用javascript：

所以，问题是如何创建重定向页面，而不是如何重定向到网站？

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

假设你把这段代码放到你网站上的redirect/index.html文件中，你可以这样使用它。

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

如果你转到那个链接，它会自动将你重定向到stackoverflow.com。

Link to Documentation

这就是如何用javascript创建一个简单的重定向页面

编辑：

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

例子：

The process: store home => redirect page to google => google

When at google: google => back button in browser => store home

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

具有

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

*****最初的问题是-"如何使用jquery重定向"，因此答案实现jquery>>免费使用案例*****

只需重定向到带有javascript的页面：

或者如果您需要延迟：

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

假设有人写了一个脚本/插件，它是10000行代码？！好吧，使用jquery，只需一两行就可以连接到这段代码。

试试这个：

示例的代码段。

不需要jquery。您可以这样做：

就这么简单！

启动HTTP请求的最佳方法是使用document.loacation.href.replace('URL')。

先写好。您希望在应用程序中导航另一个链接，该链接来自应用程序中的另一个链接。代码如下：

如果你想在你的应用程序中导航页面，我也有代码，如果你想的话。

在jquery中可以这样重定向：

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

Javascript：

jQuery：

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

这确实"提供了问题的答案"，从某种意义上说，它要求"使用jquery"的解决方案，在这种情况下，需要以某种方式强制它进入方程。

费里比格显然需要解释这个笑话(我仍然在开玩笑，我相信在审查表上有有限的选择)，所以不用再多说了：

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

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

函数命名为jQueryCode，即使没有jquery，调用函数somethingCode也很可怕，尤其是当某个东西甚至不是语言时。

"85字节"是对code golf的引用。打高尔夫球显然不是你应该在代码高尔夫之外做的事情，而且这个答案显然不是打高尔夫球。

基本上，畏缩。

这里是一个延时重定向。您可以将延迟时间设置为所需的时间：

我只需要用另一个更新的jquery方法来更新这个荒谬的地方：

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

还有…

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

编辑：可以选择window前缀。

在php、html或jquery部分后面编写以下代码。如果在php或html部分的中间，则使用标记。

First Way

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

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

Second Way

您也可以这样编码(内部相同)：

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

Third Way

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

Fourth Way

类似于attr()方法(在jquery 1.6引入之后)

在jquery中，使用$(location).attr('href', url)：

在原始的javascript中，有很多方法可以实现这一点：

-显式设置Href属性。

-是否隐式执行此操作，因为window.location返回一个对象，默认情况下该对象设置其.href属性。

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

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

下面是一个在特定时间(3秒)后进行javascript重定向的示例：

在javascript和jquery中，我们使用以下代码重定向页面：

但您可以在jquery中创建一个函数来重定向页面：

并调用此函数：

使用jquery函数：

在代码中，您可以这样使用它：

仅在javascript中，您可以使用以下方法重定向到特定页面：

或

或

使用jQuery：

javascript非常广泛。如果你想跳到另一个页面，你有三个选项。

如果您需要的话，您可以使用这些页面中的任何一个。然而，这三种选择都局限于不同的情况。根据你的要求明智地选择。

如果你对这个概念有更多的了解。你可以走得更远。

下面是用于重定向到其他某个超时为10秒的页面的代码。

您也可以这样做，使用location.assign单击按钮：

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

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

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

你可以使用：

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

但是，如果您希望获得与单击链接相同的效果，则应执行以下操作：

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

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

用途：

打电话给：redirect([url]);。

在location之后不需要href，这是隐含的。

您可以在脚本部分中为按钮单击事件编写url.action，如下所示。

单页应用程序，在同一应用程序路由内

JavaScript：

jQuery：

角度4

我只是添加了另一种方式：

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

对于现实生活中的例子，

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

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

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

或：

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

如果你喜欢使用纯javascript，我意识到使用document.location.href="https://example.com"或window.location.href="https://example.com"会导致火狐的兼容性问题。而是尝试使用：

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

assign()和href是相似的，两者都可以保存历史。assign通过传递一个值来工作，href通过赋值来工作。

您可以使用javascript本身来实现它，而无需使用jquery，

您可以使用下面的jquery实现类似的事情。就像上面一样，

你很容易理解两者之间的区别…

这是位置对象，

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

如果你想在同一个应用程序中重定向到一个路由

就是这样。

使用location.replace()将重定向您，但不会保存上一页的历史记录。提交表单时最好使用此选项。但是如果你想保留你的历史，你必须使用location.href=//path。

实例：

一路从客户端进行重定向：

使用jquery/javascript重定向用户

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

在jQuery中

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

在JavaScript中

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

或

这就是我如何使用它。

根据我的工作经验，javascript更适合重定向。

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