一些麻烦事儿 平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的跨域数据传递 postMessage() 这些问题都有一些解决办法,但html5引入的message的API可以更方便.有效.安全的解决这些难题.postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档.多窗口.跨域消息传递. postMessag

什么是iframe HTML内联框架元素 <iframe> 表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中. <iframe id="inlineFrameExample" title="Inline Frame Example" width="300" height="200" src="https://www.openstreetmap.org/export/embed.htm

对窗口对象的message事件进行监听 window.addEventListener("message", function(event) { // 处理程序代码 }, false); 使用window对象的postMessage()方法向其他窗口发送消息,该方法的定义如下: otherwindow.postMessage(message, targetOrigin); 该 方法使用两个参数:第一个参数为所发送的消息文本,但也可以是任何JavaScript对象(通过JSON转换对象为

XDM cross-document messaging 类似于XSS的简称,故称为 XDM 而不是 CDM 某些时候 XDM 也能作为跨域的实现手段之一 与Jsonp 和 传统的 CORS 跨域方式不同 XDM通常用于不同域的页面之间传递消息 postMessage postMessage() 方法作为 XDM 的核心被添加进了 HTML5 规范中 该方法的作用是:向当前页面的iframe或者弹出的窗口传递消息 该方法用于接收以下两个参数: 消息的内容 接收消息的域 通过第二个参数可以防止浏览

1.同域限制 所谓“同域限制”是指,出于安全考虑,浏览器只允许脚本与同样协议.同样域名.同样端口的地址进行通信. 2.window.postMessage方法 浏览器限制不同窗口(包括iFrame窗口)之间的通信,除非两个窗口装载的是同一个域名下的网页.window.postMessage方法就是为了解决这个问题而特定的API,可以让不同域名的窗口互相通信. postMessage方法的格式如下: targetWindow.postMessage(message, targetURL[, tra

theApp构造, InitInstance void CMyFrameWnd::OnGetMinMaxInfo(MINMAXINFO* lpMMI) BOOL CMyFrameWnd::OnNcCreate(LPCREATESTRUCT lpCreateStruct) void CMyFrameWnd::OnNcCalcSize(BOOL bCalcValidRects, NCCALCSIZE_PARAMS* lpncsp) int CMyFrameWnd::OnCreate(LPCREATE

分组:每四人一组 主题:xxx征集系统 成果: 讨论结束后,每组提交一份课堂讨论记录(电子版发表到博客上,纸质版小组成员签名,下节课提交). 每人根据课堂讨论结果提交一份系统利益相关者描述案例.撰写项目目标文档(目标.好处.度量标准) 一.目标:在线完成需求的征集及填报 二.好处:1.方便,快捷: 2.对填报人(用户)的好处:防止信息丢失,安全可靠:快i完成在线填报:有效防止误操作. 对审核人的好处(省时省力):可对信息进行有效筛选,减少审核员工作量,能够有效查询信息. 三.度量标准 (1)不必

XXXX重大技术征集系统 1.讨论结果: 2.项目目标文档 A目标: 1. 实现普通用户在线需求填报,个人信息管理,需求结果查看. 2. 实现审核员用户的需求审核,需求查看浏览和生成图表结果. 3. 实现管理的对用户的管理和个人信息管理和征集的需求管理. 4.   通过本系统实现在线.有效.快捷的操作. B好处: 节约所有角色用户的时间.成本,用户可随时上网进行操作,将纸质版转换为电子版. 减少管理员和审核员的人工操作,利于统计.查找,可根据多种查找方式进行查找. 简单系统的操作与实时的反应,利

分组:每四人一组 主题:xxx征集系统 成果: 讨论结束后,每组提交一份课堂讨论记录(电子版发表到博客上,纸质版小组成员签名,下节课提交). 每人根据课堂讨论结果提交一份系统利益相关者描述案例.撰写项目目标文档(目标.好处.度量标准) 上课讨论成果: 1.目标 (1)实现需求的填报:(2)实现需求的征集:(3)实现需求的审核:(4)实现需求的浏览.查询过滤:(5)实现需求的管理:(6)实现需求的汇总. 2.好处 (1)节约用纸:(2)操作简单.易于上手:(3)信息处理高效.实时通知:(4)信息保

跨文档消息传送(cross-document messaging),有时候也简称为XDM,指的是来自不同域的页面间传递消息.例如,www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信.在XDM机制出现之前,更稳妥地实现这种通信需要花很多功夫.XDM把这种机制规范化,让我们能既稳妥有简单地实现跨文档通信. XDM的核心是postMessage()方法.在HTML5规范中,除了XDM部分之外的其它部分也会提到这个方法名,但都是为了同一个目的:向另一个

在来自不同域名的页面间传递消息一般统称为跨文档消息传送,简称XDM.如,www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum域名中的页面通信.在XDM机制出现之前,要毫无压力地实现这种通信需要用很长时间.XDM把这种机制规范化,让咱们能够既稳妥又简单地实现跨文档通信. XDM的核心是postMessage()方法.对于XDM而言,”另一个地方”指的是包含在当前页面中的iframe标签,或者有当前页面弹出的窗口. post

C# 复制一个Word文档的部分或全部内容到另一个Word文档 我最近喜欢折腾Office软件相关的东西,想把很多Office软件提供的功能用.NET来实现,如果后期能把它用来开发一点我自己的小应用程序那就更好了. 扯远了,回到正题.复制文档内容这个功能太常见啦,在微软Word中实现这个功能很简单,只需要复制和粘贴就行了.这篇文章的主要目的是记录如何用C#来实现复制一个Word文档的部分或全部内容到另一个word文档,废话不多说,下面开始. 第一部分:复制部分内容: 在我的这个示例中,复制部分内

Django 概览 Django 是设计是为了使通用的Web开发任务变得快速而又简单, 一下是如何使用Django编写数据库驱动的Web应用程序的非正式概述. 这个文档的目标是给你足够的技术细节来理解Django是如何工作的,但是这不是一个教程或是参考. 当你准备开始一个项目是, 你可以从教程开始.(教程还没有开始.) 1. 设计你的模型 虽然你可以在没有数据库的情况下使用Django,但是它带有一个 ++对象关系映射器++ ,在这个 ++映射器++ 中你可以用Python代码描述你的数据库布局

 Posted on 2018年3月5日 by  学院君 简介 当我们使用现实世界中的任何工具时,如果理解了该工具的工作原理,那么用起来就会得心应手,应用开发也是如此.当你理解了开发工具如何工作,用起来就会更加游刃有余. 这篇文档的目标就是从更高层面向你阐述 Laravel 框架的工作原理.通过对框架更全面的了解,一切都不再那么神秘,你将会更加自信地构建应用.如果你不能马上理解所有这些条款,不要失去信心!先试着掌握一些基本的东西,你的知识水平将会随着对文档的探索而不断提升. 生命周期概览 第一件

当我们需要将一个文档添加到另一个文档时,经常会有不同的显示需求.为了文档的流畅,我们需要源文档和目标文档在内容上实现连续显示:而为了更好地区分文档,我们经常会希望两个文档的合并实现分页显示. 下面,就让我们给出具体实例来对Aspose.Words .NET 的同页分页显示功能进行一个深入的了解: 一.同页连续显示 1.代码: C# Document dstDoc = new Document(gDataDir + "TestFile.Destination.doc");Document

一.访问练习用虚拟机 目标: 学会在教学环境中访问练习用虚拟机,主要完成以下事项: 1> 快速重置教学虚拟机环境       2> 通过“虚拟系统管理器”访问虚拟机       3> 通过 ssh -X 远程访问 server 的命令行 方案: 为了方便学员练习所学实验案例,教学环境的CentOS真机已经部署为基于KVM技术的虚拟化服务器,并且预先提供了3个虚拟机:server.desktop.classroom. 步骤: 步骤一:快速重置教学虚拟机环境 按照顺序先重置classroom

这个文档的目标是:各位小伙伴通过这个文档,可以在一台全新的 Ubuntu 电脑上搭建平常开发使用的环境,主要包含 Node.js, git 和 编辑器部分. 这是针对 Ubuntu 系统的安装文档,Windows 文档点击这里. git 和 git GUI git 是一个版本控制工具,我们使用 coding.net 存放 git 的远程仓库. git 已有 git? 在 bash 中查看 git 版本,建议使用 2.10 以后的 git (Windows). $ git --version 安装

新标准中提供了文档之间直接的消息传输API.而且不限制跨域消息传递! 发送消息使用的是Window对象的postMessage(data,targetURL)方法就可以了,但给哪个window对象发送消息,就使用哪个window的实例来调用,注意这个细节. 文档默认监听一下message事件就可以接受消息了:window.addEventListener("message", function (ev) {}); 监听消息事件:ev两个重要属性:ev.source指向发送消息的源win

在项目中有应用到不同的子项目,通过不同的二级域名实现相互调用功能.其中一个功能是将播放器作为单独的二级域名的请求接口,其他项目必须根据该二级域名调用播放器.最近需要实现视频播放完毕后的事件触发,调用父窗口中的回调方法.普通的javascript很难实现跨域请求和调用的操作.通过jsonp方式实现起来复杂.不过通过Html的postMessage和onMessage可以轻松实现以上功能. postmessage方法 postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以

HTML5 规范中,提出了XDM,又称为 跨文档消息传递,其核心是 postMessage()方法,进行跨域和跨文档消息传递,示例如下: <div class="CrossDocumentMessage"> Cross Document Message , core---->postMessage()</div> <iframe id="frame_corssDM" src="http://localhost:63342

一.基本原理 HTML5为了解决跨域,引入了跨文档通信API(Cross-document messaging).这个API为window对象新增了一个window.postMessage方法,允许跨窗口通信,不论这两个窗口是否同源.Internet Explorer 8+, chrome,Firefox , Opera和Safari 都支持这个功能. 二.测试步骤 1.创建a.html <!DOCTYPE html> <html lang="en"> <