top.location.href(toplocationhref设置端口)

window.location.href、parent.location.href和top.location.href区别

在前端页面中，改变如下几个变量的值：

都可以实现页面跳转。

但是，改变这几个值达到的页面跳转效果，还是有区别的。下面通过例子说明。

在同一个目录下，新建如下几个html文件。

(1) Top.html

(2) Parent.html

(3) Test.html

在浏览器中打开 Top.html ，效果如下：

点击前面四个按钮可以看到如下效果。

PS: 第三个按钮 挑转(this.location.href) 这种挑转方式，在我的macos系统chrome浏览器上不起作用。

点击第5个按钮 挑转(parent.location.href) ，可以看到如下效果，也就是父页面被刷新。

点击第6个按钮 挑转(top.location.href) ，可以看到如下效果，也就是浏览器标签页中的整个页面被刷新。

到这里，这几个挑转的区别已经很清楚了。

PS: 在试验的时候，点击一个按钮之后，直接点击浏览器的上一页功能，即可将iframe页面中刷新的内容，回退到上一个页面。也就是说，浏览器的回退，应该不是针对整个页面的，应该只是针对一个iframe来做的回退到上一个页面。

参考资料：

详解location.href几种用法的区别

window.top.location.href 如何改用post方式提交数据

在网页里放一个表单,所有表单控件都使用hidden控件,不做提交按钮,用JS调用submit方法提交表单.给FORM标签的target属性设为"_top",如果是框架名为top的目标框架,就设为"top",将表单设为post就OK了.

window.top.location.href 和 window.location.href 的区别

window.location.href 是本页面跳转

window.top.location.href是最外层的页面跳转

location.href在JS中是什么意思？如何使用它？

是跳转的意思，用法如下：

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

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

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

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

Javascript中的location.href有很多种用法，主要如下：

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

ocation.href="/url" 当前页面打开URL页面，

windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。

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

"window.location.href"、"location.href"是本页面跳转，"parent.location.href"是上一层页面跳转，"top.location.href"是最外层的页面跳转。

javascript的问题top.location.href

top表示主窗口，location表示当前窗口，如果你的文件只有一个框架，没有iframe和frmaeset，那么是完全一致的，没有区别。

请问在javascript中top.location.href 与 location.href的区别是什么？

top指的是最顶层框架，如果页面由多个框架页组成，点击某个子页面，如果用location.href，就是刷新当前子页面，加上top，就是刷新最顶级页面，类似的还有self，parent， 具体的可以搜索 frame的用法