`

location.href 用法浅析

阅读更多

问题提出:

在做原型设计时候,对于静态页面的链接,这样写onclick="location.href='http://localhost:8082/default.pr_automata.forward.do?nextPage=/OrderMan/page/newOrder1.jsp'">

估计是最常用的链接了!

这时候,就会出现一个问题:如果单纯的用

<a href="aa.html" target="">链接</a>

表示链接,你可以设置页面打开的地方,如:target="_self/_blank/_parent/_top",代表在当前页面/新打开页面/父页面/最顶端窗口 打开页面。但是如果用location.href 可怎么确定在哪打开啊!

解决方案:

self.location.href="/url"       当前页面打开新页面,与默认的location.href 或者是windows.location.href 或者是 this.location.href 效果一样

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

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

怎么样,简单好用吧!

 

例子:

<FORM name="queryForm1" action="OPerCU.pr.prQueryCU.do" method="post" target="result">

。。。。。。。

</FORM>

<iframe name="result" frameborder="0" width="100%" height="420" scrolling="auto" marginheight="0" marginwidth="0"></iframe>
<script>
document.queryForm1.submit();
</script>

参考:

http://blog.sina.com.cn/s/blog_58f71ef00100am71.html

http://blog.163.com/lgh_0121/blog/static/43979533200831542328363/

分享到:
评论

相关推荐

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

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

    top.location.href和localtion.href有什么不同

    ### 关于`top.location.href`与`location.href`的区别及应用 #### 一、基本概念理解 在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前...

    详解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用法总结(最主要的)

    self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面,前面三个用法相同。 this.location.href=”/url” 当前页面...

    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:` 或 ...

    jsp 刷新父页面

    window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("&lt;script&gt;...

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

    首先我们了解一下:[removed].href、location.href、self.location.href、parent.location.href、top.location.href他们的区别与联系,简单的说:几种location.href的区别 js实现网页被iframe框架功能 “[removed]....

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

    input type=”button” value=”添加” onclick=”location.href(‘//www.jb51.net);” /&gt; 测试的时候发现其在IE下是可以用的而firefox则不能使用了。... 代替 location.href(‘url’);” 于是将源程序改为

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

    然而,当在一个iframe内使用 `top.location.href` 时,可能会遇到“没有权限”的错误,这是因为浏览器的同源策略(Same-Origin Policy)限制了这种跨域操作。 同源策略是Web安全的核心机制之一,它规定了一个页面...

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

    * window.location.href:获取整个 URL 字符串(在浏览器中就是完整的地址栏)。 * window.location.protocol:获取 URL 的协议部分。 * window.location.host:获取 URL 的主机部分。 * window.location.port:获取...

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

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

    获取当前网页document.url location.href区别总结

    如果需要修改当前页面的URL或者执行重定向操作,你应该使用`window.location.href`。 总的来说,`document.URL` 更偏向于提供一个不可变的历史记录,反映了用户如何到达当前页面,而`window.location.href` 则是一...

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

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

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

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

Global site tag (gtag.js) - Google Analytics