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


当前回答

使用 JavaScript :

方法1:

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

方法2:

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

使用 j 查询 :

方法1:美元(地点)

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

方法2:可再使用功能

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

jQuery(window).redirectTo("http://google.com");

其他回答

在单击功能上,只需添加:

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

原始问题:“如何使用 jQuery 重新定向?” , 因此, 答案执行 jQuery 补充使用案例 。


重定向到 JavaScript 的页面 :

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

或者,如果您需要延迟:

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

jjQuery 允许您从网页中轻松选择元素。 您可以在页面中找到任何您想要的内容, 然后使用 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 , 您可以用一两行代码连接到这个代码 。

应该能够设定使用window.location.

示例:

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

以下是关于此议题的过去文章:我该如何转到另一个网页?

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

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