*.location.href 用法:
  top.location.href=”url” 在顶层页面打开url(跳出框架)
  self.location.href=”url” 仅在本页面打开url地址
  parent.location.href=”url”   在父窗口打开Url地址
  this.location.href=”url”    用法和self的用法一致
if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用
  如果页面当中有自定义的frame的话,也可以将parent self top换为自定义frame的名称
效果就是在自定义frame窗口打开url地址

javascript frame 刷新
引用:

这是一个简单的事例:
以下是top.htm 代码

<input type=button name=name value=“ksdj” οnclick=rs();>

以下是一个随意文件名的htm文件:

你自己试试,我想你要的可能就是这样的效果!


我引用楼上老兄的方法回复,帮忙解释一下吧。
以下是top.htm 代码

<input type=button name=name value=“ksdj” οnclick=rs();>

以下是一个随意文件名的htm文件:

> //给这个left.htm定义了一个名字叫left //给这个top.htm定义了一个名字叫top //给这个bot.htm定义了一个名字叫bot

window 对象的 location 属性包含了当前页面的地址 (URL) 信息,你可以直接改变此属性值,将其设置成新的地址 (URL):

window.location = “http://www.yahoo.com/”;
或者
location = “http://www.yahoo.com/”;

你还可以通过下边的两种方法中的任何一种来使浏览器从服务器上下载 (Load) 页面:

reload() - 促使浏览器重新下载当前的页面,也就是“刷新”当前页面了。
replace(URL) - 促使浏览器根据 URL 参数中给出的地址 (URL) 下载页面,同时在当前浏览器存储的历史记录 (即所浏览过的页面的列表) 中使用新的地址(即此方法中的 URL 参数) 覆盖当前的页面。
使用 replace() 方法意味着用户将不能通过按 “返回” 按钮回到前边浏览过的那个页面,但这并不是说用户完全不能回到原来的所有页面,他们只不过是无法回到被 replace() 方法替换的那一个页面 (注意:只是被替换的那一个页面)。

framedemo.html,top.html,button.html为例来具体说明如何做

其中framedemo.html由上下两个页面组成,代码如下:

现在假设top.html即上面的页面有一个button来实现对下面页面的刷新,可以用以下七种语句,哪个好用自己看着办了。

语句1. window.parent.frames[1].location.reload();

语句2. window.parent.frames.bottom.location.reload();

语句3. window.parent.frames[“bottom”].location.reload();

语句4. window.parent.frames.item(1).location.reload();

语句5. window.parent.frames.item(‘bottom’).location.reload();

语句6. window.parent.bottom.location.reload();

语句7. window.parent[‘bottom’].location.reload();

解释一下:

1.window指代的是当前页面,例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象,是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

看了部分文章个人总结:
top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location 在当前窗口的父窗口打开Url地址
 
————————————————————————————

版权声明:本文为博主[lijie_insist]原创文章,如有侵权请联系删除。
本文链接:https://blog.csdn.net/lijie_insist/article/details/84753668

location.href的用法相关推荐

  1. 关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  2. JS 中 location.href 的用法

    Jsp 中 常用到js来跳转页面; 整理了一下js location.href 的用法 Javascript中的location.href有很多种用法,主要如下: self.location.href ...

  3. vue-router和location.href的用法区别是什么?

    vue-router和location.href的用法区别 vue-router使用pushState进行路由更新,静态跳转,页面不会重新加载: location.href会触发浏览器,页面重新加载一 ...

  4. php location.href,window.location.href的用法(动态输出跳转)

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

  5. js中window.location.href,location.href,parent.location.href,top.location.href的用法

    "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...

  6. 关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

    "window.location.href"."location.href"是本页面跳转. "parent.location.href" 是 ...

  7. 关于js中window.location.href、location.href 等如何跳转

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

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

    转自:https://www.cnblogs.com/lxl57610/p/7426326.html window.location.href.location.href是本页面跳转 parent.l ...

  9. location.href和open的几种用法和区别

    window.location.href和window.open的几种用法和区别 一.location.href常见的几种形式 二.location.href不同形式之间的区别 三.location. ...

最新文章

  1. GLPI开源资产管理系统
  2. Rolling Guidance Filter
  3. 网易云信音视频技术落地提速,读书郎电话手表成行业先锋
  4. C# 监控统计 程序执行 时间
  5. 云服务器系统盘升级会不会丢失数据,云服务器 系统盘快还是数据盘快
  6. 信阳农林技术学院经纬度_信阳无人机创业团队:让梦想在田野起飞
  7. oracle生成字母序号6,创建以字母数字开头的Oracle序列
  8. matlab中patch函数的用法
  9. mysql sql优化_MySQL优化SQL语句的步骤
  10. [hdu2243]考研路茫茫——单词情结(AC自动机+矩阵快速幂)
  11. 天龙源码框架分析_天龙源码分析 - VariableSystem
  12. windows开机启动项(​仅限Win10,Win7)​
  13. 如何给PDF文件加密?PDF加密的3种方法
  14. win10修改ntp服务器地址,修改win10 ntp服务器地址
  15. Safari浏览器模拟iPhone手机浏览器的方法
  16. 通过源码理解 vue beforecreated 周期与 created 周期之间发生了什么
  17. 行业深耕、教育赋能,讯众股份BPO 华北区Q4启动大会成功召开
  18. 全球及中国计算机仿真产业发展热点及运营能力状况分析报告2021-2027年版
  19. mongodb 字符串查找匹配中$regex的用法
  20. CSS(列表+表格+链接+自定义鼠标光标)样式

热门文章

  1. AI认知架构四十年的发展与挑战
  2. 复古磨砂纹理ps笔刷
  3. xcode6 如何下载ios7模拟器
  4. 半监督学习深度学习算法
  5. 5G NR标准 第5章 NR概览
  6. java:单位长度的转换
  7. H5页面底部前进、后退横栏怎么去除?
  8. [附源码]java毕业设计智慧农产品朔源系统
  9. 不愧是腾讯出来的,太厉害了...
  10. python进阶day15