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

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

上一篇 下一篇

网友问题:

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

分割线

网友回答:

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

$(location).prop('href', 'http://www.lanrenmb.com')

分割线

网友回答:

人们不会简单地使用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://www.lanrenmb.com");

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

分割线

网友回答:

重定向页面的标准“原版”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)

用法:重定向(“另一个页面.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; 
    }
}

模板简介:该模板名称为【如何使用jQuery或纯JavaScript将用户从一个页面重定向到另一个页面?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 641次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 02-07
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信模板 自适应 微信素材 企业网站 单页式简历模板 微信图片 微信公众平台 响应式 html5 微信文章
您可能会喜欢的其他模板