js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

 更新时间:2013年01月24日 17:23:45   作者:  
用JavaScript刷新上级页面和当前页面在某些情况下还是比较实用的,感兴趣的朋友可以了解下另外介绍一下frame或iframe元素的引用方法,希望本文对你有所帮助
用JavaScript刷新上级页面和当前页面
复制代码 代码如下:

<script type="text/javascript">
//刷新上级页面
//window.parent.main.document.location.reload();
//刷新当前页面
document.location.reload();
</script>

每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素:
复制代码 代码如下:

window.frames[index]
windows.frames["框架名"]
windows.框架名

如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用下面的方法:
复制代码 代码如下:

window.parent

如果要对父窗口中某个框架的引用,那么就可以使用下面的方法:
复制代码 代码如下:

window.parent.框架名

也可以使用下面的方法获取对父窗口的最顶端框架的引用:
复制代码 代码如下:

window.top

只要获得对框架的引用,就可以操控该框架对象!!!

相关文章

  • bootstrap表单按回车会自动刷新页面的解决办法

    bootstrap表单按回车会自动刷新页面的解决办法

    这篇文章主要介绍了bootstrap表单按回车会自动刷新页面的问题及解决办法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • javascript的函数

    javascript的函数

    javascript的函数...
    2006-09-09
  • layui获取多选框中的值方法

    layui获取多选框中的值方法

    今天小编就为大家分享一篇layui获取多选框中的值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 通过一次报错详细谈谈Point事件

    通过一次报错详细谈谈Point事件

    这篇文章主要给大家介绍了关于如何通过一次报错详细谈谈Point事件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2018-05-05
  • Bootstrap框架结合jQuery仿百度换肤功能实例解析

    Bootstrap框架结合jQuery仿百度换肤功能实例解析

    这篇文章主要为大家详细介绍了Bootstrap框架结合jQuery仿百度换肤功能实现代码解析,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JavaScript 中有关数组对象的方法(详解)

    JavaScript 中有关数组对象的方法(详解)

    下面小编就为大家带来一篇JavaScript 中有关数组对象的方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • localStorage过期时间设置的几种方法

    localStorage过期时间设置的几种方法

    聊到localStorage想必熟悉前端的朋友都不会陌生,在实际的应用场景中,我们往往需要让localStorage设置的某个key能在指定时间内自动失效,所以基于这种场景,我们如何去解决呢,本文就详细的介绍一下
    2021-12-12
  • javascript闭包的理解和实例

    javascript闭包的理解和实例

    所谓闭包,值得是词法表示包括不必要计算的变量的函数,也就是说,该函数可以使用函数外定义的变量。
    2010-08-08
  • 使用threejs实现滚动效果的示例代码

    使用threejs实现滚动效果的示例代码

    某一天我在刷抖音时,看到一个UI设计师分享了一个好看的网页滚动动效设计,那种飘逸流畅的动画效果立刻抓住了我的眼球,我脑海里立刻开始想象用代码如何实现这个效果,所以本文给大家分享了如何使用threejs实现滚动效果,感兴趣的朋友可以参考下
    2024-01-01
  • 解决webpack无法通过IP地址访问localhost的问题

    解决webpack无法通过IP地址访问localhost的问题

    下面小编就为大家分享一篇解决webpack无法通过IP地址访问localhost的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02

最新评论