layer的iframe中获取子页面数据到父页面

最新推荐文章于 2022-05-19 11:03:01 发布

野生猿

最新推荐文章于 2022-05-19 11:03:01 发布

阅读量1.1k

点赞数 1

分类专栏：随笔文章标签： layer iframe 父页面获取子页面数据

本文链接：https://blog.csdn.net/weixin_42113164/article/details/102581465

版权

该博客介绍如何在layer的iframe环境中，通过引入jQuery和layer库，实现从子页面向父页面传递数据的方法。内容提醒读者注意layer版本与jQuery版本的兼容性问题。

摘要由CSDN通过智能技术生成

先引入jquery.js再引入layer.js
如果报错去官网查看你的layer版本是否支持你的jquery版本

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/layer/layer.js"></script>

<script type="text/javascript">
$(function(){
	var url = "index4.jsp";
	$("#test").on("click",function(){
		layer.open({
		      type: 2,
		      title: 'test',
		      shadeClose: true,
		      shade: false,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['900px', '500px'],
		      content: url,
	    	  btn: ['确定','取消'],
	    	  btn1: function(index, layero){
	    		  //获取layer 的弹框窗口
	    		  //var iframe = window[layero.find('iframe')[0]['name']];
	    		  //获取子窗体对象
	    		  var iframe =layero.find("iframe")[0].contentWindow;
	    		  //创建list数组
	    		  var list = new Array