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

时间:2021-05-25

一、location.href常见的几种形式

  • self.location.href;//当前页面打开URL页面
  • window.location.href;//当前页面打开URL页面
  • this.location.href;//当前页面打开URL页面
  • location.href;// 当前页面打开URL页面
  • parent.location.href;//在父页面打开新页面
  • top.location.href;//在顶层页面打开新页面
  • ①如果页面中自定义了frame,那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。

    ②此外,window.location.href=window.location.href;和window.location.Reload();都是刷新当前页面。
    区别在于是否有提交数据。当有提交数据时,window.location.Reload()会提示是否提交,window.location.href=window.location.href;则是向指定的url提交数据.

    ③用window.open()打开新页面
    但是用window.location.href="" 却是在原窗口打开的.
    有时浏览器会一些安全设置window.open肯定被屏蔽。例如避免弹出广告窗口。

    二、location.href不同形式之间的区别

    a.html:

    <form id="form1" action=""><div><strong>这是a.html页面<strong><iframe src="b.html" width="500px" height="300px"></iframe> </strong></strong></div></form><pre>

    b.html:

    <span>这是b.html</span><span id="span1"></span><br /><iframe src="c.html" width="500px" height="300px"></iframe>

    c.html:

    <span><strong>这是c.html:<strong></span><span id="span1"></span><br /><iframe src="d.html" width="500px" height="300px"></iframe>

    d.html:

    <span>这是d.html:</span><span id="span1"></span><br /><input type='button' onclick='jump();' value='跳转'><iframe src="d.html" width="500px" height="300px"></iframe>


    a.html里面嵌着b.html;
    b.html里面嵌着c.html;
    c.html里面嵌着d.html

    在d.html里面head部分写js:

    function jump(){//经测试:window.location.href与location.href,self.location.href,location.href都是本页面跳转//作用一样window.location.href="http:///'">

    window.location或window.open如何指定target?
    这是一个经常遇到的问题,特别是在用frame框架的时候
    解决办法:

    window.location 改为 top.location 即可在顶部链接到指定页

    window.open("你的网址","_top");

    5、window.open 用来打开新窗口
    window.location 用来替换当前页,也就是重新定位当前页

    用户不能改变document.location(因为这是当前显示文档的位置)。
    window.location本身也是一个对象。

    但是,可以用window.location改变当前文档 (用其它文档取代当前文档),而document.location不是对象。
    服务器重定向后有可能使document.url变动,但window.location.href指的永远是访问该网页时用的URL.
    大多数情况下,document.location和location.href是相同的,但是,当存在服务器重定向时,document.location包含的是已经装载的URL,而location.href包含的则是原始请求的文档的URL.

    6、window.open()是可以在一个网站上打开另外的一个网站的地址
    window.location()是只能在一个网站中打开本网站的网页

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章