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优化、进销存系统的开发,业务范围包含深圳宝安、南山、福田、罗湖、盐田、龙岗、坪山新区、大鹏、光明、龙华新区以及广东惠州、中山、广州、东莞、珠海等城市,只要您选择我们,我们一定让您满意。

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

咨询热线(Tel):

0755-8320 4080