zoukankan      html  css  js  c++  java
  • javascript window获取iframe、iframe获取window、document

    前言
    日常开发中,经常用到在window中获取某个iframe,或者在iframe中获取当前window。这里做个总结,记在心里后,就不用每次都百度了。

    iframe和iframe的关系
    首先需要说明的是,w3c已经不推荐使用frame,而推荐使用iframe,iframe也就是inline frame(行内frame),顾名思义它具有css的行内框特性,正是因为这一特性才引出来iframe 高度100%时,出现垂直滚动条

    通过window获取iframe
    window.frames是个伪数组,可以通过window.frames[index]或window.frames[name]来获取iframe
    window.frames[index],索引是从左往右,从上往下的,从0开始,通常我们使用window.frames[name]来获取frame

    通过iframe获取window、document
    如果想获取iframe里的window或者document,可以使用
    iframe.contentWindow、iframe.contentDocument
    iframe.contentDocument=iframe.contentWindow.document,不过iframe.contentDocument在IE8及以下的版本不支持。

    window获取顶级窗口、父窗口
    获取顶级窗口:window.top
    获取父级窗口:window.parent
    导航栏回退:history.back(); 注意回退的请求,会有缓存。
    前进:history.forward()
    history.back()和history.forward()仅仅是为了方便分别代替history.go(-1)和history.go(1)

  • 相关阅读:
    tomcat常见错误及解决方案
    MySQL 5.6 for Windows 解压缩版配置安装
    win7 cmd 操作mysql数据库
    @Responsebody与@RequestBody
    ajax常用参数
    JSP和servlet有什么区别?
    面试 小总结
    cocoapods导入三方库头文件找不到问题
    git笔记
    iOS裁剪,缩放图片白边问题解决办法
  • 原文地址:https://www.cnblogs.com/yf2196717/p/10309541.html
Copyright © 2011-2022 走看看