layui  iframe调用父页面的方法及变量(子页面调用父页面)

layui iframe调用父页面的方法及变量(子页面调用父页面)

Scroll Down

layui iframe调用父页面的方法及变量(子页面调用父页面)

  1. 第一种情况是弹出层想使用父页面的变量事件触发

    1.1 这个是在弹出层时关闭该层的方法

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭

1.2 如果使用父页面变量可使用parent

parent.data;
parent.$(".item").click();
  1. 上面的只限于父页面的全局变量,以级暴露在全局的事件监听,那么函数调用这样使用是不可以的。

    2.1. 父页面的函数通过window进行声明,在父页面调用window.funOne(),如果是在子页面调用window.parent.funOne();

//父页面的函数
    window.funOne= function(){
        console.log(1)
    };


//子页面调用
    window.parent.funOne();

是不是很简单,有帮助的话,点个赞,有什么问题,私信我,加油!