本文主要是介绍layui中，父页面与子页面，函数方法的相互调用、传参，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<%--父页面--%>
<script type="text/javascript">var KaoHaoType = 0; // 考号类型 自定义参数1// 选取考号类型function SelectKaoHaoType(callBack) {KaoHaoType = 0; // 默认选择填涂考号layer.open({type: 2, title: '请选择 考号区类型', area: ["800px", "400px"], content: ['/pages/templateSetKH.aspx', 'no'] // '/pages/templateSetKH.aspx?key1=123&key2=123'(常规传参方式), shadeClose: true, end: function () {callBack(KaoHaoType);}, success: function (layero, index) {var childWindow = $(layero).find("iframe")[0].contentWindow; // 获取子页面childWindow.param1 = "父页面传参数至子页面"; // 传参至子页面 childWindow.TestFunc("参数传递测试！"); // 调用子页面中的方法}})}// 父页面中自定义方法1function Func1(msg) {layui.layer.msg("父页面中Func1()已响应！-> " + msg);}</script><%--子页面--%>
<script type="text/javascript">var param1 = "子页面自定义参数";// 父页面中自定义方法function TestFunc(msg) {layui.layer.msg("TestFunc:" + msg);}// 子页面中的功能函数function btnClick(typeKH) {console.log("btnClick:" + typeKH);window.parent.KaoHaoType = typeKH; // 修改父页面中的参数window.parent.Func1("XXXx"); // 调用父页面中的函数window.parent.layui.layer.closeAll();}</script>这篇关于layui中，父页面与子页面，函数方法的相互调用、传参的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
