相信很多人通过链接的onclick事件做跳转操作时,出现location.href不跳转的问题,下面对onclick事件中location.href的几种测试,来解决这个location.href不跳转的问题。
<script type="text/javascript">
function ToUrl(x)
{
location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试1</a>
<a href="javascript:void(0);"
onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试2</a>
<a href="javascript:void(0);"
onclick="javascript:ToUrl('http://www.jingzhengli.cn');return false;">
location.href不跳转测试3</a>
<a href="#" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试4</a>
<a href="###" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试5</a>
测试之后相信大多数人出现location.href不跳转的问题都在测试1和测试2下,测试3,4,5三种方法均成功跳转!问题解决!
小提示:测试4点击后会回到页面顶部,所以请选择测试3,5两种方法!
分享到:
相关推荐
### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...
- `self.location.href`:用于在当前窗口(即当前框架)中进行页面跳转。 - `parent.location.href`:用于在父窗口中打开新的URL,适用于当前页面位于某个框架内的情况。 4. **实例演示**: 考虑以下HTML结构: ...
location.href 只能跳转到当前页面,而 window.location.href 可以跳转到当前页面或父页面。 三、window.location.href 和 window.location.reload() 的区别 window.location.href 和 window.location.reload() 都...
“[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的...
使 用了一个点击按钮跳转的js,语句很简单: <input type=”button” value=”添加” onclick=”location.href(‘//www.jb51.net);” />... 代替 location.href(‘url’);” 于是将源程序改为
简单的说:几种location.href的区别 js实现网页被iframe框架功能 “[removed].href”、”location.href”、”self.location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是...
然而,在使用JavaScript的`window.location.href`进行页面跳转时,有时会出现Session丢失的问题,这可能导致用户在跳转后无法访问之前存储在Session中的数据。本文将探讨这个问题的原因及解决方案。 首先,我们需要...
通常,当你尝试在A域名的页面中通过`top.location.href`改变顶级窗口的URL到B域名时,如果A和B不在同一个源(协议、域名和端口必须完全相同),浏览器会根据同源策略限制这种操作,以保护用户的安全和隐私。...
当我们给`location.href`赋值时,浏览器会加载新的URL,从而实现页面跳转。例如: ```javascript location.href = "/newPage.html"; ``` 这将导致当前页面被`/newPage.html`替换。 2. **同页面跳转:** 无论...
javascript中的location.href有很多种用法,主要如下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面,前面...
这种行为让`window.location.href`成为了在需要完全保留URL结构(特别是当涉及到页面跳转或需要处理特定片段标识符的情况)时的理想选择。 ### 实际应用场景 1. **页面导航**:当需要基于URL片段标识符执行某些...
`window.location.href`同样返回当前页面的URL,但它不仅仅是作为一个字符串,还可以用于改变当前页面的URL,比如通过赋值操作实现页面重定向。例如:`window.location.href = 'http://example.com'` 将会把用户带到...
如果不在IE环境下,就直接使用`window.location.href`进行跳转,因为非IE浏览器通常能正确处理`Referer`。 4. **工作原理**: 当`<a>`标签的点击事件被触发时,浏览器会按照标准的HTTP流程发送请求,包括`Referer`...
与`document.URL`不同的是,`window.location.href`不仅可以用来读取URL,还可以进行赋值操作,从而实现页面的跳转。当你改变`window.location.href`的值时,浏览器会加载新的页面。 在实际应用中,如果你只是想...
综上所述,JS跳转问题涉及多个方面,包括但不限于修改`window.location`对象、利用`a`标签事件、处理表单提交以及响应式设计中的跳转策略。理解并掌握这些方法有助于解决实际开发中遇到的页面跳转问题。
总结一下,要解决“JS的location.href跳出框架打开新页面”的问题,关键在于使用 `window.top.location.href`,而如果需要在新窗口中打开页面,则使用 `window.open`。这两个方法都是JavaScript中实现页面导航的重要...
- **window.location** 更适合用于同一浏览器窗口内的导航和页面之间的跳转。 - **window.open** 更适合用于打开新的浏览器窗口或标签页,特别是在需要弹出新窗口的情况下。 #### 五、安全性和隐私考虑 - 使用 `...