`

location.href用法总结

    博客分类:
  • JS
 
阅读更多

javascript中的location.href有很多种用法,主要如下。

 

self.location.href=”/url” 当前页面打开URL页面

location.href=”/url” 当前页面打开URL页面

windows.location.href=”/url” 当前页面打开URL页面,

前面三个用法相同。

 

this.location.href=”/url” 当前页面打开URL页面

parent.location.href=”/url” 在父页面打开新页面

top.location.href=”/url” 在顶层页面打开新页面

 

如果页面中自定义了frame,那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外,window.location.href=window.location.href;和 window.location.Reload()和都是刷新当前页面。

区别在于是否有提交数据。

当有提交数据 时,window.location.Reload()会提示是否提 交,

window.location.reload():强制刷新页面,从服务器重新请求!

 

window.location.href=window.location.href;则是向指定的url提交数据

 

以下9中方式均可实现页面跳转

    setTimeout('window.navigate("top.html");',2000);
    setTimeout('window.document.location.href="top.html";',2000);
    setTimeout('window.document.location="top.html";',2000);
    setTimeout('window.location.href="top.html";',2000);
    setTimeout('window.location="top.html";',2000);
    setTimeout('document.location.href="top.html";',2000);             
    setTimeout('document.location="top.html";',2000);
    setTimeout('location.href="top.html";',2000);
    setTimeout('location.replace("top.html")',2000);

 

分享到:
评论

相关推荐

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 ...location.href 和 window.open() 是 JavaScript 中两个重要的方法,需要掌握它们的用法和区别,以便更好地实现页面的跳转和弹出窗口。

    关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

    “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的...

    location.href用法总结(最主要的)

    javascript中的location.href有很多种用法,主要如下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面,前面...

    js 页面刷新location.reload和location.replace的区别小结.docx

    在 JavaScript 中,我们经常使用 location.reload() 和 location.replace() 两个方法来刷新页面或重定向到新的 URL。但是,这两个方法之间有着明显的区别。 一、location.reload() 方法 location.reload() 方法...

    JS获取url链接字符串 location.href

    在JavaScript中,你可以使用 `location.href.indexOf()` 来找到URL中的某个字符或字符串的索引位置。 以下是一些关于`location.href` 的常见应用场景: 1. **获取查询参数**:URL中通常包含查询字符串,以问号(?...

    js获取location.href的参数实例代码

    在本文中,我们将深入探讨如何使用JavaScript来获取`location.href`中的参数。 首先,`location.href` 的结构通常如下: ``` protocol://hostname:port/pathname?search#hash ``` - `protocol`:比如 `http:` 或 ...

    top.location.href 没有权限 解决方法

    总结来说,解决 `top.location.href` 没有权限的问题,主要是理解和应对同源策略的限制。通过尝试访问和异常处理,或者利用 `postMessage` 进行跨域通信,可以在一定程度上解决这个问题。同时,作为开发者,应尽量...

    [removed].href的用法(动态输出跳转)

    javascript中的location.href有很多种用法,主要如下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面,前面...

    JavaScript 中document.URL 和 [removed].href 的区别

    此时,使用`window.location.href`可以帮助开发者更方便地处理这些片段。 ### 总结 总的来说,`document.URL`与`window.location.href`之间最大的区别在于它们对待URL片段的方式。`document.URL`忽略片段标识符,...

    js实现网页防止被iframe框架嵌套及几种location.href的区别

    本文将详细讲解如何利用JavaScript实现这一功能,并介绍`location.href`的不同用法。 首先,我们要理解`location.href`的各种形式及其作用: 1. `window.location.href`:这是最常用的,它表示当前窗口或框架的URL...

    JS 中document.URL 和 windows.location.href 的区别

    例如,如果你想根据URL的片段标识符进行某些操作,可以使用`window.location.href`来获取包括片段在内的完整URL,然后通过字符串处理方法提取片段。 需要注意的是,`document.URL`不会随着URL片段的改变而改变。在...

    解决[removed].href之后session丢失的问题

    然而,在使用JavaScript的`window.location.href`进行页面跳转时,有时会出现Session丢失的问题,这可能导致用户在跳转后无法访问之前存储在Session中的数据。本文将探讨这个问题的原因及解决方案。 首先,我们需要...

    location.href语句与火狐不兼容的问题

    描述中明确指出,使用location.href进行页面跳转在IE浏览器中可以正常工作,但在Firefox浏览器中却不能正常工作。这反映了在编写跨浏览器兼容的JavaScript代码时经常遇到的一个问题。 location.href 是一个在 ...

    JS的location.href跳出框架打开新页面的方法

    总结一下,要解决“JS的location.href跳出框架打开新页面”的问题,关键在于使用 `window.top.location.href`,而如果需要在新窗口中打开页面,则使用 `window.open`。这两个方法都是JavaScript中实现页面导航的重要...

Global site tag (gtag.js) - Google Analytics