`
aftereclipse
  • 浏览: 826 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery页面跳转 JavaScript 页面跳转 跳转路径错误问题

阅读更多

转载子:极客导航 - Jquery页面跳转 JavaScript 页面跳转 跳转路径错误问题

1.使用Jquery实现跳转

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

2.使用JavaScript实现跳转

// 相当于 HTTP redirect
window.location.replace("http://stackoverflow.com");

// 相当于 clicking on a link
window.location.href = "http://stackoverflow.com";

JavaScript其它的可实现页面跳转的方式

window.history.back(-1);                                     //  back
window.navigate("top.jsp");                                  // old-IE-only
self.location="top.htm";
top.location="error.jsp";
window.location = window.location.host;
window.location.assign("http://www.mozilla.org");
document.location.href = '/path';
window.history.go(-1);

3.页面跳转路径错误问题

ie8以下的页面跳转需要使用绝对路径,使用相对路径的时候ie会自动网跳转的Url上面加上当前页面的路径,这会导致跳转错误。 下面是解决办法:

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
    else { window.location.href = url; }
}
分享到:
评论

相关推荐

    jquery页面跳转loading加载

    "jquery页面跳转loading加载"这个主题涉及到的是在页面进行跳转或数据加载时,展示一个“加载中”(loading)的提示效果,以告知用户页面正在处理并等待完成。这种效果可以提高用户体验,因为用户能够明确地看到页面...

    jquery页面跳转loading加载.rar

    《jQuery页面跳转与Loading加载详解》 在网页开发中,用户交互体验是至关重要的一个环节,其中页面的快速响应和流畅的加载效果是提升用户体验的关键。jQuery作为一个强大的JavaScript库,提供了丰富的API来帮助...

    jQuery带页面跳转的确认提示框.zip

    4. `g_alert.js`:这可能是实现页面跳转确认功能的JavaScript插件文件,其中包含了特定的jQuery函数和逻辑,用于创建和控制提示框的显示和行为。 5. `php中文网免费下载站.txt`:这可能是PHP中文网提供的一个文本...

    jQuery带页面跳转的确认提示框代码

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。当需要用户确认某些操作,如离开页面或执行删除操作时,通常会用到带有页面跳转功能的确认提示...

    JqueryMobile页面间跳转时的参数传递

    ### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...

    jQuery带跳转滑动分页插件.zip

    《jQuery带跳转滑动分页插件:高效网页分页解决方案》 在网页开发中,数据分页是一项常见的需求,特别是在数据量较大时,它能够帮助用户更有效地浏览和管理信息。jQuery作为一款轻量级的JavaScript库,提供了丰富的...

    页面跳转的动画效果

    2. **JavaScript与jQuery**:除了CSS3,JavaScript和jQuery库也可以实现页面跳转动画。例如,使用`$.animate()`函数可以自定义元素的动画效果,包括位置、大小、透明度等属性的变化。同时,配合事件监听,可以在用户...

    jquery页面跳转loading加载特效代码

    标题“jquery页面跳转loading加载特效代码”涉及的是在网页使用jQuery实现页面跳转时的加载效果,通常是为了提供更好的用户体验,让用户知道页面正在加载新内容。jQuery是一种广泛使用的JavaScript库,它简化了HTML...

    jQuery bootstrap登录、注册跳转页面.rar

    5. **页面跳转**:当用户成功登录或注册后,jQuery 可能会使用 `window.location.href` 改变当前页面的URL,从而实现页面的跳转。这通常发生在Ajax请求成功且服务器返回相应指示后。 6. **响应式设计**:由于项目...

    漂亮的404自动跳转页面,网页错误自动跳转

    本主题将深入探讨404错误自动跳转的概念、实现方式以及与JavaScript (js) 和jQuery (jq) 的关联。 首先,404错误是HTTP状态码的一种,表示用户尝试访问的网页无法找到。这可能是因为链接已失效、页面被删除或者输入...

    websocket连接两个页面,一个页面控制另外一个页面跳转。

    小客户端在接收到这个命令后,解析其中的信息,并执行页面跳转操作,通常是通过JavaScript的`window.location.href`属性来实现。 为了实现这个功能,我们需要以下关键组件: 1. **WebSocket服务器**:服务器需要...

    一个超炫酷的跳转页面 HTML

    JavaScript库如jQuery或现代的框架如React、Vue等,也可以用于增强用户体验和交互性。 在实际的HTML跳转页面中,可能还会用到CSS来控制页面的样式和布局。例如,可以使用CSS3的动画和过渡效果来创建平滑的视觉变化...

    jQuery锚点带动画跳转特效.zip

    jQuery锚点带动画跳转特效是一种常见的网页交互设计,它能够使用户在页面内点击链接时,不仅快速定位到相应内容,还能配合动画效果,提升浏览体验。尤其在购物商城网站、素材网站等需要频繁定位模块的场景下,这种...

    jQuery带搜索跳转分页代码.zip

    通过使用jQuery,开发者可以编写更简洁、高效的代码,减少跨浏览器兼容性问题,提高开发效率。 分页组件通常包括“上一页”、“下一页”按钮和跳转输入框,允许用户在不同页面间快速切换。在这个代码实例中,"上一...

    jquery浮动层,跳转到页面指定链接

    标题中的“jquery浮动层,跳转到页面指定链接”指的是使用jQuery库来创建一个浮动的层(通常称为弹出窗口或对话框),该层能够帮助用户实现页面内部或外部的链接跳转。jQuery是一个强大的JavaScript库,它简化了HTML...

    jQuery实现Table分页跳转

    jQuery是一个轻量级的JavaScript库,它提供了一系列方便、高效的方法来操作DOM,实现复杂的交互效果,包括Table的分页功能。本教程将详细讲解如何使用jQuery实现Table的分页跳转。 一、jQuery分页原理 jQuery分页...

    jquery实现的支持自定义事件跳转到指定页面的404错误页面源码.zip

    确保在各种场景下,自定义事件都能正确触发,页面跳转无误,并且在错误页面上没有遗留可能导致问题的代码。 这个项目中的源码将这些概念结合在一起,创建了一个灵活且可扩展的404错误处理方案。通过深入研究和理解...

    点击导航栏,页面不跳转,刷新内容

    在这个场景中,"点击导航栏,页面不跳转,刷新内容"很可能就是采用了类似的无刷新技术,可能是通过JQUERY这个强大的JavaScript库来实现的。 JQUERY是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...

    Jquery浮动窗与页面定时跳转

    在这个“Jquery浮动窗与页面定时跳转”的主题中,我们将深入探讨如何在ASP.NET环境中利用jQuery来创建浮动窗口,并在其中实现定时跳转功能,同时也会涉及在框架外的页面定时跳转。 首先,让我们理解jQuery浮动窗口...

    jQuery分页插件页码跳转代码.zip

    jQuery分页插件是实现这一功能的强大工具,它简化了JavaScript代码,让开发者可以快速实现动态分页效果。本资源"jQuery分页插件页码跳转代码.zip"提供了实现这一功能的代码示例。 首先,我们需要了解jQuery分页的...

Global site tag (gtag.js) - Google Analytics