Layer.js弹框内如何调用JavaScript方法并传递参数？

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《Layer.js弹框内如何调用JavaScript方法并传递参数？》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

layer.js调用弹出框内的javascript方法

在项目中使用layer.js调用弹出框时，遇到了使用弹出框内javascript方法的问题，具体代码如下：

function pop_cardsend() {
    layer.open({
        id: "1",
        type: 2,
        title: '标题',
        shadeclose: true,
        shade: 0.6,
        anim: 0,
        area: ['90%', '80%'],
        content: 'if.aspx',
        success: function (layero, index) {
            var childbody = layer.getchildframe('body', index);
            childbody.find('#nav_hiddn').hide();
            childbody.find('#弹出层元素id').val($('#基层元素id').val());
            selectperson( $("#基层元素id").val());
        }
    });
}

其中，selectperson是弹出框内的javascript方法，希望在打开弹出框时使用基层元素的value值作为参数运行它。问题在于，这段代码中selectperson无效。

解决方案

要在打开弹出框时使用基层元素的值作为参数运行弹出框内的javascript方法，需要在url上添加参数。修改后的代码如下：

function Pop_CardSend() {
    layer.open({
        id: "1",
        type: 2,
        title: '标题',
        shadeClose: true,
        shade: 0.6,
        anim: 0,
        area: ['90%', '80%'],
        content: 'if.aspx?param=' + $("#基层元素id").val(),
        success: function (layero, index) {
            var Childbody = layer.getChildFrame('body', index);
            Childbody.find('#nav_hiddn').hide();
        }
    });
}

在弹出框中，可以通过geturlparam('param')获取url上的参数值，再将它作为参数传递给selectperson方法。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~