layer弹出iframe层如何正确传递参数到iframe层

Layer组件相信很多人都使用过,他以简单方便闻名,重点还有就是他免费,是很多前端设计师的重要法宝,下面我们简单说明下,我们深圳网站建设案例中,如何对iframe层传递参数。

首先,我们必须配置好layer组件,我配置情况:


<script src="jquery-2.1.4.min.js"></script>

<script src="layer.js"></script>

<link href="layui.css" media="all">

第二步,我们在调用弹出层的JS中加入参数代码

<script>

   function func10(i) {

        //iframe层

        layer.open({

            type: 2,

            title: 'layer',

            shadeClose: true,

            shade: 0.8,

            area: ['380px', '90%'],

            content: 'a.asp?i='+i //iframe的url  ‘简单的加入传送参数变量

        }); 

    }

</script>

第三步,在需要调用弹出层的地方加入代码
<a class="layui-btn layui-btn-primary"  href="javascript:func10('x');">iframe传参数</a>
'x为参数,我们可以从数据库直接读取数据

以上就是layer组件给iframe子窗口传参数的方法,希望对你有帮助