layui里面，子界面怎么调用父界面方法

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量3.1k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fuckingPangzi/p/9950538.html
版权

1，如果是iframe嵌套的父界面，就用window.parent.父界面的函数。

2，如果是window.open打开的子界面，就用opener.

 

转载于:https://www.cnblogs.com/fuckingPangzi/p/9950538.html

黄小二哥
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS子窗口调用父窗口
12-24
JS子窗口调用父窗口
layui 或者layer子调父类 自定义按钮调用layer.open父页面方法及关闭
小弱鸡
11-18 2526
1.父页面获取子页面指定的id数据 父页面 layer.open({ type : 2, title : '微信公众号', maxmin : true, shadeClose : false, area : [ '400px', '200px' ], content :'/frame/checkWeiXin/'+username, // iframe的url btn: ["确定", '关闭'], success: function(layero, index) {},
layui中，父页面与子页面，函数方法的相互调用、传参
scimence的专栏
02-29 490
【代码】layui中，父页面与子页面，函数方法的相互调用、传参。
微信小程序解决“navigator不能直接跳转到tabBar页面”的问题
飞翔的小白
11-25 4804
问题分析： 在微信小程序index.wxml中想在页面上使用navigator跳转到pages下的另一个页面，结果发现点击没有任何反应。原因是目标页面在tabBar设置里，想跳转到tabBar页面，需要使用switchTab功能。 解决方法一： navigator 的 open-type 设置为 switchTab <navigator url="/pages/service/service" open-type='switchTab' > <view>汽车服务&lt
layui 在子页面中打开父页面方法
weixin_44665181的博客
09-09 800
1.将函数存入变量内，子类页面调用 父页面 var _tools = { //方法1 refresh:function(){ layui.table.reload('dg',{ 　　　　　where : layui.$.form.val('fm'), 　　　　　page : { curr : 1 } 　　　　　}); 　　}, 　　//方法2 　　refreshTree :function (){ 　　　　console.log(2);
layui 子页面调用父页面中的方法 父向子页面传值
Acitylion的博客
11-23 917
【代码】layui 子页面调用父页面中的方法 父向子页面传值。
layui子页面调用父页面的方法
weixin_38417148的博客
01-28 6622
工作时使用 layui 做弹窗，layui.open()打开子页面经过一些操作确认后需要调用父页面某个方法，具体实现方式如下： 父页面创建一个获取当前iframe层到top层的id集合，每个iframe层都有id。 //获取当前iframe页面id function getIframeIds() { var iframeIds = ''; var frameIndex = 0; //当前window对象 var win = window; var fId; w
前端相关 1.子级页面调用父级页面的方法 2.Layui 流加载 3.像素px和相对单位换算 4.强制闭合html标签
masterphp的博客
12-01 906
前端相关+layui相关 1.layui 打开的子级页面调用父级页面的方法 2.Layui 流加载 3.像素px和相对单位换算 4.强制闭合html标签
layui子页面调用父页面方法
热门推荐
java小白白之没有最白的博客
07-14 2万+
如题，父页面代码： layer.open({ type: 2 , title: '添加车队' , content: 'ZhygYwWxUserList_kf.html' , area: ['1100px', '650px'] , maxmin: true
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
01-19
使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。 1.界面如下： 2.login.html的界面主要代码: 手机号码： <input type=text id=username placeholder=手机号码 c
XUI Engine界面引擎正式版1.1发布-易语言
06-12
去除原来的layui插件，所有组件样式均自己写，目前组件较少，同样支持扩展组件，目录下有扩展组件模板和调用例子，请自行参考 支持和易语言 自带组件一起使用，可使用系统自带标题栏 核心样式和脚本代码均全部开源，...
layUI ajax加载html页面后重新渲染的方法
12-11
1、layUI使用jquery.load加载界面时，如何让layui渲染页面？ 2、layUI ajax加载html页面后重新渲染 layUI ajax加载html页面后渲染，关键在将html插到指定位置后重新调用element.init();渲染 $.ajax({ url : url, ...
layui 上传文件_批量导入数据UI的方法
12-13
使用layui的文件上传组件，可以方便的弹出文件上传界面。 效果如下： 点击【批量导入】按钮调用js脚本importData(config)就可以实现数据上传到服务器。 脚本： /*** * 批量导入 * config.downUrl 下载模板url *...
layui 上传文件upload不上传再次点击按钮时不执行choose小技巧.doc
06-04
一个简单的没有技术含量的方法
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 343
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1005
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 509
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 403
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
使用vue3+ts+vite从零开始搭建bolg(二)
qq_75246137的博客
04-21 238
svg:用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。component中的index.ts,注册全局组件。package.json中的scripts配置项。vite.config.ts文档中配置。SvgIcon的index.vue文件。.env.development文件。.env.production文件。vite.config.ts配置。tsconfig.ts配置。.env.test文件。
layui 调用百度富文本
07-06
### 回答1： Layui是一款开源的前端UI框架，用于快速构建Web界面，而百度富文本是一种常用的富文本编辑器，可实现在网页实时编辑和排版等功能。 要在Layui中调用百度富文本，首先需要在HTML文件中引入相关的JS和CSS文件。可以通过在头部添加以下代码来引入百度富文本的相关文件： ``` <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/wangEditor/4.5.0/wangEditor.min.js"></script> ``` 然后，需要在JavaScript中初始化百度富文本编辑器。可以通过以下代码来实现： ``` <script> // 创建富文本编辑器 var editor = new wangEditor('#editor'); editor.create(); </script> ``` 其中，'#editor'是指定一个DOM元素作为编辑器的容器。创建成功后，就可以在Layui中使用百度富文本编辑器了。 此外，百度富文本提供了丰富的API和插件，可以根据需求进行扩展和定制。同时，Layui也提供了一些其它功能的模块，如表格、弹窗等，可以与百度富文本结合使用，实现更丰富的页面交互效果。 以上就是在Layui中调用百度富文本的一种简单方法。通过以上步骤，我们可以在Layui的界面中快速引入和使用百度富文本编辑器，方便实现各种富文本编辑需求。 ### 回答2： layui是一个基于web的前端开发框架，可以轻松地对网页进行美化和交互操作。而百度富文本编辑器是一款强大的富文本编辑工具，可以用于对网页进行富文本内容的编辑和管理。 在使用layui调用百度富文本编辑器之前，我们首先需要引入layui框架，网页结构中需要引入layui的css和js文件。 接下来，我们需要引入百度富文本编辑器的相关文件，包括css和js文件，以及配置文件ueditor.config.js。 在网页中，我们可以使用layui提供的富文本编辑器组件或插件，将百度富文本编辑器初始化为一个富文本编辑器实例。可以通过调用layui的相关方法来实现百度富文本编辑器的功能。 例如，我们可以使用layui的form模块，创建并初始化一个富文本编辑器实例，并设置其相关配置项： ```javascript layui.use(['form', 'layedit'], function() { var form = layui.form; var layedit = layui.layedit; // 创建一个富文本编辑器实例 var index = layedit.build('editor', { tool: [ 'strong', // 加粗 'italic', // 斜体 'underline', // 下划线 'del', // 删除线 '|', // 分割线 'left', // 左对齐 'center', // 居中对齐 'right', // 右对齐 'link', // 超链接 'unlink', // 取消超链接 'face', // 表情 'help' // 帮助 ], height: 200 // 编辑器高度 }); // 监听富文本编辑器的输入事件 layedit.on('input', function(content) { // 内容变化时的处理逻辑 console.log(content); }); }); ``` 以上代码中，'editor'指定了一个容器的id，用于初始化一个富文本编辑器实例。在初始化过程中，我们可以通过设置tool配置项来定义富文本编辑器的工具栏工具，以及设置编辑器的高度。 通过这种方式，我们就可以使用layui调用百度富文本编辑器，实现富文本编辑和管理的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值