layer的iframe用法整理

最新推荐文章于 2024-06-19 11:31:39 发布

ohmorning

最新推荐文章于 2024-06-19 11:31:39 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/qq_41818857/article/details/112982692

版权

父页面：

<link rel="stylesheet" href="node_modules/layui-src/dist/css/layui.css">
<script src='node_modules/layui-src/dist/layui.js'></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
	function funFather(){                
        console.log('我是父页面的方法，我被调用了')
    }
	layer.open({
		type: 2,
	    content: ['./son.html?id=222', 'no'],
	    btn: ['确定', '取消'],
        yes: function (index, layero) {
                /*$(layero).find("iframe").eq(0).contents();多个iframe层使用才使用eq ,
                * 需要先找到iframe,才能得到iframe里面的其他元素来进行传值取值
                 */
                //获取子页面元素 -- $("iframe").contents().find("子页面id名")
                var father = $(layero).find("iframe").contents();
                //父页面向子页面传值
                father.find('#wrap').text('hahahah')
        },
	    success(layero,index){
	   		 //父页面调用子页面方法
	    	 $('iframe')[0].contentWindow.funSon()
	    },
	    
	})
</script>

子页面：

<body>
    <div>今天是个好日子，心想的事儿都能成</div>
    <script>
            var index = parent.layer.getFrameIndex(window.name);//得到当前iframe的索引
            parent.layer.msg('你好');
            //子页面向父页面传值
            parent.$('.layui-footer').text('我被改变了');
            //子页面调用父页面方法
            parent.funFather();
            parent.layer.close(index);//关闭当前iframe页面
    </script>
</body>