使用jQuery或纯 JavaScript 如何将用户从一页转到另一页?


当前回答

  1. 指定位置( ) :

    将一条路径通过一条路径进入它 来指定一条路径...指派即使在指定路径之后, 也会给你们一个历史 。

    用法:数值应传递到它中 。

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

    Enter image description here

  2. 位置.href

    定义可以给它一个路径... 并且一旦它建立,它会重新定位到一个指定路径, 它会保存历史...

    用法:值应该被指定到它中 。

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

  3. 位置. replace () :

    如果您不想保留历史, 它会帮助您替换一条路径。 一旦您替换了一条路径, 它不会给您一个历史 。

    用法:数值应传递到它中。

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

    Enter image description here


assign()href两者相似,可以保留历史。assign通过分配,通过传递一个价值和粗略的作品来工作。

您可以使用 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 API from chrome

其他回答

我只是补充另一种方式:

要将网站的任何特定页面/链接重定向到另一页,请添加这一行代码:

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

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

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

尝试此示例代码 :

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

如果您想要给完整 URL 提供完整 URLwindow.location = "www.google.co.in";.

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

您可以使用:

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

缩略replace()方法不会保存会话历史中的源页, 因此用户无法使用后端按钮返回, 然后再被重定向 。 注意: 在此情况下, 浏览器后端按钮将被禁用 。

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

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

在此情况下, 浏览器后端按钮将激活 。

jj 用于重定向页面或 URL 的查询代码

第一路

这是用于重定向页面的 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.href,然后你可以看到后一个设置href明确表明财产,而前者默示地这样做。window.location返回一个对象,该对象默认设置它.href财产。

第三路

使用 JavaScript (JavaScript)replace()方法方法的计算方法的计算方法window.location对象。您可以将新的 URL 传送到replace()方法, 它将模拟 HTTP 重定向。 顺便说一下, 记住window.location.replace()方法不会在会话历史中放置原始页面, 这可能影响到后按钮的行为。 有时, 它会是你想要的, 所以要小心使用它 。

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

第四路

缩略location.assign()方法在浏览器窗口中装入新文档。

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

和(或)assign()replace()方法为location.replace()从文档历史中删除当前 URL 的方法,因此无法返回原始文档。您不能使用浏览器。后退按钮。如果您想要避免这种情况,应该使用location.assign()方法,因为它在浏览器中装入一个新的文档。

第五路

类似attr()方法 (在 jQuery 1. 6 引入后)

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