zoukankan      html  css  js  c++  java
  • 根据iframe获取window

      今天使用layui弹出窗口,需要将函数写在弹出的窗口,但是按钮事件是在父层窗口绑定的,这样就要在父层窗口调用子层窗口的函数。

    子层函数与父层函数

    1 function topup() {
    2     console.log("topup");
    3 }
    1 yes: function(index, layero){
    2     var iframe = layero.find('iframe')[0];
    3     var iframeWin = iframe.contentWindow;
    4     iframeWin.topup();
    5 }

    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 

  • 相关阅读:
    获取客户及登录IP(Java)
    js初步
    数组方法
    BOM ;浏览器对象模型
    js事件
    EventListener()
    JS面向对象
    正则表达式
    -CSS盒模型和float
    EventListener()
  • 原文地址:https://www.cnblogs.com/guanghe/p/9626018.html
Copyright © 2011-2022 走看看