客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
开源软件名称：FrameController.js开源软件地址：https://gitee.com/mqycn/FrameController.js开源软件介绍：FrameController.js项目介绍优雅的处理单页多框架（<iframe>）窗口管理同步问题 安装教程下载后安装到 网站的任意目录，打开 http://您的域名/安装路径/demo/demo.html 即可进行测试。（因为本地浏览器会显示iframe，所以必须放到Web服务器中） 在线测试地址：http://www.miaoqiyuan.cn/products/frame-controller/ 消息数据结构{ event: '事件名称', type: 'child', target: '内嵌页的window', data: '传递的数据，即FrameController.broadcast(event, data)的data', frameId: '内嵌页标志'}使用说明1、点击发送通知，所有打开的内嵌页都会受到通知。
var addLog = function(from, event, data) { var _old = $('#log').html().substring(0, 3000); $('#log').html( (logTpl + _old) .replace('#EVENT#', event) .replace('#DATA#', JSON.stringify(data)) .replace('#SOURCE#', from) ); console.log('event：', event, 'data:', data);}; //同步通知FrameController.addListener('broadcast', function(e) { $('#msg').val(e.data.msg); addLog(e.frameId, e.event, e.data);}); //发送广播$('#send').click(function() { var nums = FrameController.broadcast('broadcast', { msg: $('#msg').val() }); $('#log').html('通知成功:' + nums + '\n\n' + $('#log').html());}); //更新输入状态$('#msg').change(function() { FrameController.broadcast('change', { text: '输入框内容已更改:' + $(this).val() });}); //更新状态FrameController.addListener('change', function(e) { addLog(e.frameId, e.event, e.data);});2、新增 内嵌页，关闭内嵌页，可以通过：FrameController.addListener('frame.add',func)、FrameController.addListener('frame.remove',func) 进行监听
//监听系统事件var addLog = function(from, event, data) { var _old = $('#log').html().substring(0, 3000); $('#log').html( (logTpl + _old) .replace('#EVENT#', event) .replace('#DATA#', JSON.stringify(data)) .replace('#SOURCE#', from) ); console.log('event：', event, 'data:', data);}; //监听系统事件FrameController.addListener('frame.remove', function(e) { addLog(e.frameId, e.event, e.data);});FrameController.addListener('frame.add', function(e) { addLog(e.frameId, e.event, e.data);});3、可以对一个事件增加多个监听方法，可以删除所有监听方法、删除某一个监听方法
var logTpl = '事件:#EVENT# 来源:#SOURCE#\n数据:#DATA#\n\n', addLog = function(from, event, data) { var _old = $('#log').html().substring(0, 3000); $('#log').html( (logTpl + _old) .replace('#EVENT#', event) .replace('#DATA#', JSON.stringify(data)) .replace('#SOURCE#', from) ); console.log('event：', event, 'data:', data); }, msgEventListener = function(e) { $('#log').html('自定义事件已经触发，添加多次会触发多次\n\n' + $('#log').html()); }; //添加自定义事件$('#add_custom').click(function() { FrameController.addListener('broadcast', msgEventListener);}); //删除自定义事件$('#remove_custom').click(function() { FrameController.removeListener('broadcast', msgEventListener);});更多说明请访问：http://www.miaoqiyuan.cn/p/framecontroller-js  |
2022-08-15
2022-08-17
2022-09-23
2023-10-27
2022-08-18
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论