`
shoushounihao
  • 浏览: 41223 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

window.location.href解决target问题

 
阅读更多

 

/*

 

  window.open()是可以在一个网站上打开另外的一个网站的地址

而window.location()是只能在一个网站中打开本网站的网页

*/

 

3个页面

1 index.html

Html代码 复制代码 收藏代码window.location.href解决target问题
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>无标题文档</title>
  6. </head>
  7. <frameset rows="*" cols="241,*" framespacing="0" frameborder="NO" border="0">
  8. <frame src="UntitledFrame-2.htm" id="leftFrame" name="leftFrame" scrolling="NO" noresize>
  9. <frame src="Untitled-1.htm" id="rigthmain" name="rigthmain">
  10. </frameset>
  11. <noframes><body>
  12. </body></noframes>
  13. </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <frameset rows="*" cols="241,*" framespacing="0" frameborder="NO" border="0"> <frame src="UntitledFrame-2.htm" id="leftFrame" name="leftFrame" scrolling="NO" noresize> <frame src="Untitled-1.htm" id="rigthmain" name="rigthmain"> </frameset> <noframes><body> </body></noframes> </html>

2 Untitled-1.htm

Html代码 复制代码 收藏代码window.location.href解决target问题
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  6. <title>显示页面</title>
  7. </head>
  8. <body>
  9. welcme to you</body>
  10. </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> dasssssssssssssssssssssss </body> </html>

3 UntitledFrame-2.htm

Html代码 复制代码 收藏代码window.location.href解决target问题
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  6. <title>无标题文档</title>
  7. </head>
  8. <script>
  9. function aa(){
  10. window.parent.rigthmain.location.href="http://www.baidu.com";
  11. }
  12. </script>
  13. <body>
  14. <a onClick=" aa()">a</a>
  15. </body>
  16. </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <script> function aa(){ window.parent.rigthmain.location.href="http://www.baidu.com"; } </script> <body> <a onClick=" aa()">a</a> </body> </html>

重点解析

window.parent.rigthmain.location.href="http://www.baidu.com";
parent取父框架

rigthmain去子框架

分享到:
评论

相关推荐

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

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

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

    标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性,分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用,用于控制页面的...

    JS页面跳转和js对iframe进行页面跳转、刷新

    这是最常见的页面跳转方法,通过改变`window.location.href`属性来重定向浏览器到新的URL。 ```javascript window.location.href = "http://www.example.com"; ``` #### 2. `window.navigate`方式 此方法在早期的...

    详解window.open被浏览器拦截的解决方案

    newWin.location.href = 'target url'; }); }); ``` **注意事项** - 上述两种方法(`&lt;a&gt;`标签和`form`提交)不适用于Ajax回调中,因为仍然可能被浏览器拦截。 - 使用“先弹出窗口,再重定向”的方法时,建议...

    window.open的参数详细应用

    window.open(URL, target, features); ``` - **URL**: 指定新窗口加载的文档地址。 - **target**: 指定新窗口的名字。可以是具体的名称,也可以是预定义的特殊值(如 `_blank`, `_self`, `_parent`, `_top`)。 - **...

    ASP.NET页面刷新方法总结.docx

    而当需要在刷新前执行JavaScript操作或在多框架环境中工作时,JavaScript的 `window.location.href` 和 `window.parent.frameName.location.href` 则更为合适。在处理用户交互时,确保对用户进行适当的提示,以提高...

    js页面跳转整理。。

    window.location.href = "target.aspx"; ``` 这种方式非常适合于直接跳转到另一个页面。 ##### 3. **`window.navigate()`** 虽然在某些浏览器中仍然可用,但`window.navigate()`并不是一个标准的方法,因此并不...

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

    2. `location.href`:与`window.location.href`相同,它也是用来获取或设置当前页面的URL。 3. `self.location.href`:`self`始终引用当前窗口、框架或上下文,所以`self.location.href`与`location.href`相同,用于...

    window.open()弹出居中的窗口

    window.open(url, name, 'height=' + iHeight + ', innerHeight=' + iHeight + ', width=' + iWidth + ', innerWidth=' + iWidth + ', top=' + iTop + ', left=' + iLeft + ', toolbar=no, menubar=no, scrollbars=...

    给页面导航栏选中栏目添加特殊样式(页面刷新后仍有效)

    var currentHash = window.location.hash; // 获取当前URL的哈希值 // 如果哈希值存在并且与导航链接匹配 if (currentHash && $('a[href="' + currentHash + '"]').length) { // 移除所有已有的active类 $('....

    兼容IE和Firefox获得keyBoardEvent对象

    11. window.location.href问题 IE或者Firefox2.0.x可以使用window.location或window.location.href;Firefox1.5.x只能使用window.location。解决方法是使用window.location。 获得keyBoardEvent对象需要考虑不同...

    FF和IE的兼容性问题总结

    11. **window.location.href**:IE和FF2.0.x以上版本都支持`window.location`或`window.location.href`,但在FF1.5.x中,只能使用`window.location.href`。建议在所有代码中使用`window.location.href`,以确保一致...

    ,net6种刷新方式

    这里通过 `Response.Write` 方法输出一段JavaScript代码,该代码的作用是设置 `window.location.href` 属性为当前页面的URL,从而实现页面的刷新。 ### 3. 使用 `Response.AddHeader` 设置 `Refresh` 头进行刷新 ...

    .net页面刷新方法

    Response.Write("&lt;script language=javascript&gt;window.location.href=document.URL;&lt;/script&gt;"); } ``` 这段代码会在页面加载时执行JavaScript,使得浏览器跳转到当前页面的URL。 3. **Response.AddHeader(...

    JS传值到另外一个页面及显示出来

    window.location.href = `./target.html?data=${encodeURIComponent(data)}`; // 目标页面 window.onload = function() { let urlParams = new URLSearchParams(window.location.search); let dataFromPrevPage =...

    JS子页面掉父页面

    例如,子页面可以改变`window.parent.location.href`来使父页面跳转到新的URL。 四、事件触发和监听 子页面可以创建并触发自定义事件,然后由父页面监听这些事件以执行相应的处理。这种方式需要确保事件能够在不同...

    window.open的参数说明控制谈出可以定植大小的窗口

    - **target**: `'newwindow'`,新窗口名为 `newwindow`。 - **features**: - `100`:无效值,正确的应该是 `height=100`。 - `width=400`:窗口宽度设为 400 像素。 - `top=0`:窗口顶部距离屏幕顶部位置为 0 ...

    IE和FF的部分区别

    - IE和FF2.0.x以上版本支持`window.location`或`window.location.href`,而FF1.5.x只支持`window.location`。推荐使用`window.location`来保证兼容性,或者考虑使用`location.replace()`。 9. **frame和iframe的...

    js页面跳转的问题(跳转到父页面、最外层页面、本页面)

    例如,使用"window.location.href"或"location.href"将导致浏览器在当前窗口加载新的URL地址。 2. 上一层页面跳转:在嵌套的iframe中,如果需要从子页面跳转到父页面,可以使用"parent.location.href"属性。这里的...

    探索浏览器页面关闭window.close()的使用详解

    例如,对于Firefox,可以尝试使用`window.location.href = 'about:blank'`来清空页面,然后关闭。 总的来说,`window.close()`的使用涉及到浏览器的兼容性、安全策略以及正确的窗口管理。开发者需要充分理解这些...

Global site tag (gtag.js) - Google Analytics