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

发表日期:2018-05-23 00:00 分类:建站知识

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子窗口传参数的方法,希望对你有帮助 

关于睿芸科技

睿芸科技坚持专业、诚信的宗旨,专注于网站设计、网站维护、网站SEO优化、进销存系统的开发,业务范围包含深圳宝安南山福田罗湖盐田龙岗坪山新区大鹏光明龙华新区以及广东惠州中山、广州、东莞、珠海等城市,只要您选择我们,我们一定让您满意。

微信联系
联系方式
微信咨询