iframe通信封装

对iframe跨域通信的封装

github源码:https://github.com/boycy815/topProxy 为了偷懒所以依赖了Kissy:http://docs.kissyui.com/ 用法举例:需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html,而在iframe页面中希望通过点击一个按钮,调用top页面的一个js方法.1. 在top页面中建立方法供内部页面使用 function testFun (tex

angularjs通信以及postmessage与iframe通信

这篇文章是用markdown工具写的,有需要的可以使用vscode打开 # angularjs 控制器.组件之间的通信 ## 一.基于事件的方式此方式下,主要通过 angularjs 内置指令`$on`,`$emit`,`$broadcast`来实现 - $on:表示事件监听 - $emit:表示向父级以上的作用域触发事件 - $broadcast:表示向子级以下的作用域广播事件 ### 1. 向下广播事件 ```js //父控制器 function father($scope) { $s

AngularJS 事件广播与接收 $broadcast,$emit,$on 作用域间通信封装factory服务发布订阅

不同作用域之间通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信. 一.说明 1.广播 $broadcast 说明:将事件从父级作用域传播至本作用域及子级作用域. 格式:$broadcast(eventName,args) $emit 说明:将事件从子级作用域传播至本作用域及父级作用域,直至根作用域. 格式:$emit(eventName,args) 2.接收 $on 说明:在作用域中监控从子级或父级作用域中传播过来的事件及相应的数据. 格式:$on(eventName

iframe 通信问题

iframe作用: 1:页面部分刷新(iframe也是一个window,html是完整的不是部分html片段) 2:跨域 3:父子window通信 iframe1.window.xx=xx;parent.xx=xx;...

html,获取iframe的window,document，自定事件与iframe通信

获取iframe的window对象js代码如下.注意:一定要在文档加载完成之后,才能获取到 var Iframe=document.getElementById("script");//先获取到iframe元素 var iframeWindow=(Iframe.contentWindow || Iframe.contentDocument);//获取到指定iframe下window 对应html代码: <iframe class="Panel" id=&q

iframe通信相关：父操作子，子操作父，兄弟通信

这里写window和document是认为代表了BOM和DOM(个人理解不一定对) 拿到了window就能操作全局变量和函数拿到了document就能获取dom,操作节点父操作子 window:选择器.contentWindow document:选择器.contentWindow.document // 父页面里面写选择器获取到iframe元素,通过contentWindow获取到子页面的window,然后操作变量或函数 2 document.getElementById().conten

页面跨域与iframe通信(Blocked a frame with origin)

项目中有个需求是在前后端分离的情况下,前台页面将后台页面加载在预留的iframe中:但是遇到了iframe和主窗口双滚动条的情况,由此引申出来了问题: 只保留单个滚动条,那么就要让iframe的高度自适应,而从主页面显然直接取不到iframe的值,因为这是跨域的(前台页面与后台页面不在同一个IP地址或者同一个端口),尝试访问会报错: Blocked a frame with origin "http://7.35.0.8:8080" from accessing a frame wit

Fragment与FragmentActivity通信封装

在项目里面会经常用到Fragment与FragmentActivity,比如Fragment之间的界面切换与Fragment之间的值传递等等,为了方便起见我把Fragment和FragmentActivity进一步封装,那在实际开发中只需要继承父类,然后调用一个方法就可以实现Fragment之间界面切换和值传递 1.FragmentActivity类的封装 <span style="font-size:14px;">public class BaseChangeFragme

跨域 Iframe 通信解决方案（兼容 IE 系列浏览器。）

实现思路: 1.postMessage(IE8+, Firefox 3.1+, Opera 9+, Safari, and Chrome) 2.利用window.navigator共享信息,使支持IE6,IE7 i.父窗口向子窗口iframe发送信息: document.getElementById("childiframe").contentWindow .postMessage( "我是父窗口", "http://child.com:8080"

VUE组件如何与iframe通信问题

vue组件内嵌一个iframe,现在想要在iframe内获取父vue组件内信息,由于本人技术有限,采用的是H5新特性PostMessage来解决跨域问题. postMessage内涵两个API: onMessage:消息监听 postMessage:消息发送举个栗子,比如我要改变iframe内字体变成跟父级一样,直接上代码: 父 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu

Socket通信封装MIna框架--含羞代放

目录核心类各个击破 IoService IoFilter IoHandler 总结 # 加入战队微信公众号 Mina异步IO使用的Java底层JNI框架,Mina提供服务端和客户端,将我们的业务解耦开发.真正做到高内聚低耦合的思想核心类 IoService :Mina中将服务端和客户端都看成是服务,这里提供统一接口IoService,这个接口的作用就是用来处理套接字机制.也正是IoService来监听消息返回消息这些步骤, 可以说IoService就是我们Mina中核心 IoProces

iframe跨域通信方案

概述 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象.但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦.这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象.更详细的说明可以看下表: 对于主域相同子域不同的通信方法这里不一一列举了,这里主要讲解一下跨主域的通信问题. postMessage方法 window.postMe

iframe之间通信问题及iframe自适应高度问题

下面本人来谈谈iframe之间通信问题及iframe自适应高度问题. 1. iframe通信分为:同域通信和跨域通信.所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如: <iframe src="http://localhost/demo/iframe/iframeB.html" id="iframeA" name="iframeA"&g

第三方页面嵌入到web项目的方案之使用iframe嵌入

有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe引入第三方应用 2.嵌入js片段 3.封装成SDK 本篇将主要介绍第一种, 通过iframe嵌入第三方页面, 接下来的几篇文章将分别介绍其他两种方式使用iframe嵌入是目前使用很广泛的一种嵌入方案, 先看几个案例: 一. 使用案例搜狐移动端使用iframe嵌入广告: 移动端视频网站使用ifra

广告等第三方应用嵌入到web页面方案之使用iframe嵌入

有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe引入第三方应用 2.嵌入js片段 3.封装成SDK 本篇将主要介绍第一种, 通过iframe嵌入第三方页面, 接下来的几篇文章将分别介绍其他两种方式使用iframe嵌入是目前使用很广泛的一种嵌入方案, 先看几个案例: 一. 使用案例搜狐移动端使用iframe嵌入广告: 移动端视频网站使用ifra

C# .NET Socket封装

Socket封装,支持多客户端,支持大文件传输,支持多线程并发,对较大的Socket包进行分块传输. 封装所要达到的效果,是可以像下面这样使用Socket和服务端通信,调用服务端的方法,让你在使用Socket的时候,感觉不到Socket的存在,就像是调用本地方法一样,并且支持ref参数和out参数: DemoService demoService = new DemoService(); DemoService2 demoService2 = new DemoService2(); ); dem

通信传输利器Netty（Net is DotNetty）介绍

(先埋怨一下微软大大)我们做NET开发,十分羡慕JAVA上能有NETTY, SPRING, STRUTS, DUBBO等等优秀框架,而我们NET就只有干瞪眼,哎,无赖之前生态圈没做好,恨铁不成钢啊.不过由于近来Net Core的发布,慢慢也拉回了一小部分属于微软的天下,打住,闲话扯到这儿. DotNetty是Azure团队仿照(几乎可以这么说)JAVA的Netty而出来的(目前已实现Netty的一部分),目前在Github上的Star有1.8K+,地址:https://github.com/Az

.NET Core微服务之路：利用DotNetty实现一个简单的通信过程

上一篇我们已经全面的介绍过<基于gRPC服务发现与服务治理的方案>,我们先复习一下RPC的调用过程(笔者会在这一节的几篇文章中反复的强调这个过程调用方案),看下图

Android蓝牙通信

Android为蓝牙设备之间的通信封装好了一些调用接口,使得实现Android的蓝牙通信功能并不困难.可通过UUID使两个设备直接建立连接. 具体步骤: 1. 获取BluetoothAdapter实例,注册一个BroadcastReceiver监听蓝牙扫描过程中的状态变化 ? 1 mBluetoothAdapter = BluetoothAdapter.getDefaultAdapter(); ? 1 2 IntentFilter filter = new IntentFilter(Blueto

C# .NET Socket 简单实用框架，socket组件封装

参考资料 https://www.cnblogs.com/coldairarrow/p/7501645.html 根据.NET Socket 简单实用框架进行了改造,这个代码对socket通信封装还是不错的.简单,逻辑清晰,资料中的代码唯一问题发送信息很频繁,会导致接收信息发生问题.改造后的代码如下服务端源文件: SocketServer.cs using System; using System.Collections.Generic; using System.Linq; using Sy

跨域post请求实现方案小结--转

[名词解释] 跨域:https://developer.mozilla.org/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript 同源策略(注意Network Access这一节):http://www.w3.org/Security/wiki/Same_Origin_Policy [问题描述] 浏览器出于安全的考量(避免恶意网站轻易读取其他网站显示的内容,因为该内容可能含有敏感信息,想象iframe嵌套银行网页)原则上允许跨域写

iframe通信封装

热门专题