Share
VIDEOS 1 TO 50
Implementing Local Storage and Cross Document Messaging in HTML5
Implementing Local Storage and Cross Document Messaging in HTML5
Published: 2015/03/05
Channel: Robin Nixon
HTML5 Web Messaging API Demo: Multi-window 2D Canvas Game
HTML5 Web Messaging API Demo: Multi-window 2D Canvas Game
Published: 2013/03/24
Channel: Rodrigo Silveira
Getting Started with Firebase Cloud Messaging on the Web - Firecasts
Getting Started with Firebase Cloud Messaging on the Web - Firecasts
Published: 2016/10/17
Channel: Firebase
Web Messaging 101 Webinar
Web Messaging 101 Webinar
Published: 2016/03/01
Channel: Appboy
Make your Own Instant Messenger - Introduction
Make your Own Instant Messenger - Introduction
Published: 2015/07/21
Channel: howCode
Solace
Solace's Web Messaging Solution
Published: 2013/02/15
Channel: Solace
Using Web Messaging To Increase Conversions
Using Web Messaging To Increase Conversions
Published: 2017/04/19
Channel: Money Mike
Web to Device Messaging
Web to Device Messaging
Published: 2017/08/18
Channel: StreetWise CADlink
Lunch & Learn - Real Time Web Messaging with SignalR
Lunch & Learn - Real Time Web Messaging with SignalR
Published: 2013/04/30
Channel: Logical Advantage
Solace
Solace's Web Messaging Solution
Published: 2012/03/19
Channel: Solace
Web Messaging Product Overview
Web Messaging Product Overview
Published: 2016/11/16
Channel: Christopher Radanovic
Bluepulse to introduce its web-based mobile social messaging
Bluepulse to introduce its web-based mobile social messaging
Published: 2008/04/09
Channel: avingusa
DietMaster Web & Go Mobile Messaging Platform
DietMaster Web & Go Mobile Messaging Platform
Published: 2014/03/06
Channel: DietMasterPro
Messaging Video
Messaging Video
Published: 2014/10/16
Channel: Trumpia Videos
Website Pages Web Messaging Plugin
Website Pages Web Messaging Plugin
Published: 2014/01/14
Channel: clifton calle
Huawei M835 lock screen, dialer, web, messaging, youtube app
Huawei M835 lock screen, dialer, web, messaging, youtube app
Published: 2011/07/19
Channel: pavy415
Web Sim Hockey 2.0 Tutorial - New Messaging System
Web Sim Hockey 2.0 Tutorial - New Messaging System
Published: 2012/05/29
Channel: Eric Bergeron
The power of messaging for every mobile and web product Layer   SDK and API documentation
The power of messaging for every mobile and web product Layer SDK and API documentation
Published: 2016/07/15
Channel: Prom Reatrey
Using the Cross-Domain Messaging API
Using the Cross-Domain Messaging API
Published: 2012/06/05
Channel: video2brain
Ceasys - Web Messaging - The future of Comment Boards!
Ceasys - Web Messaging - The future of Comment Boards!
Published: 2008/04/25
Channel: sysaec
Mobile and Web Messaging Messaging Protocols for Web and Mobile Devices
Mobile and Web Messaging Messaging Protocols for Web and Mobile Devices
Published: 2017/04/01
Channel: Lance Tran
How-to Install Web Messaging for LabVIEW from the VIPM Website
How-to Install Web Messaging for LabVIEW from the VIPM Website
Published: 2014/08/10
Channel: Chris R. Larson
Web Design Speed art + Speed Code - Client Messaging Website
Web Design Speed art + Speed Code - Client Messaging Website
Published: 2016/12/27
Channel: Caler Edwards
Web Enhancement Project - Branding and Messaging
Web Enhancement Project - Branding and Messaging
Published: 2014/02/05
Channel: RGS Web Team
Off-the-cuff Delorme InReach Messaging and Web Interface
Off-the-cuff Delorme InReach Messaging and Web Interface
Published: 2011/11/17
Channel: Dan Bowen
Firebase Messaging -- Polycasts #59
Firebase Messaging -- Polycasts #59
Published: 2016/12/14
Channel: Google Chrome Developers
Introducing Amazon Simple Queue Service (SQS) FIFO Queues – Messaging on AWS
Introducing Amazon Simple Queue Service (SQS) FIFO Queues – Messaging on AWS
Published: 2017/06/14
Channel: Amazon Web Services
SMS Messaging, Bulk Voice, Web Messaging by Aadishesh
SMS Messaging, Bulk Voice, Web Messaging by Aadishesh
Published: 2014/06/10
Channel: Aadishesh
chrome extension - monitor webRequest headers - background messaging to content
chrome extension - monitor webRequest headers - background messaging to content
Published: 2016/04/20
Channel: Design Code Travel
Python Creations [Ep 3] Flask Messaging Web App
Python Creations [Ep 3] Flask Messaging Web App
Published: 2015/06/04
Channel: DJPigeon
Pikabu Web Messaging
Pikabu Web Messaging
Published: 2016/07/27
Channel: Михаил Ребров
Louis CK   Instant Messaging
Louis CK Instant Messaging
Published: 2014/11/09
Channel: Web Conn
Start Messaging: Send and Receive SMS with Computer or Any Application
Start Messaging: Send and Receive SMS with Computer or Any Application
Published: 2012/02/23
Channel: RoutoMessaging
mobile and web chat room messaging
mobile and web chat room messaging
Published: 2014/05/06
Channel: Diana Anters
Facebook Launches Standalone Messaging App for the Web
Facebook Launches Standalone Messaging App for the Web
Published: 2015/04/08
Channel: Wochit Tech
Firebase Cloud Messaging step by step
Firebase Cloud Messaging step by step
Published: 2016/06/15
Channel: TNT Studios
Web Design Example Responsive, Messaging, CTAs by Holistic Web Presence
Web Design Example Responsive, Messaging, CTAs by Holistic Web Presence
Published: 2015/05/22
Channel: HolisticWebPresence
Comverse Web Converged Messaging
Comverse Web Converged Messaging
Published: 2010/11/09
Channel: ComverseInc
The most useless messaging web app ever made
The most useless messaging web app ever made
Published: 2017/08/21
Channel: Jeymz Simmons
PubNub Theme Song - Real-Time Messaging for Web and Mobile Apps
PubNub Theme Song - Real-Time Messaging for Web and Mobile Apps
Published: 2012/08/10
Channel: PubNubTV
Getting started with IBM Mobile Web Push - Mobile Messaging for marketing - Part 1
Getting started with IBM Mobile Web Push - Mobile Messaging for marketing - Part 1
Published: 2014/02/25
Channel: Bob Balfe
WMS (Web-embedded Message Service) is like Landing Page messaging and MORE!
WMS (Web-embedded Message Service) is like Landing Page messaging and MORE!
Published: 2017/06/07
Channel: MORE Digital Marketing Services - 瞐耳數位行銷
Integrating WebRTC and Real-time Messaging into a Node.js App - Arin Sime
Integrating WebRTC and Real-time Messaging into a Node.js App - Arin Sime
Published: 2014/05/13
Channel: Hakka Labs
Firebase Cloud Messaging Push Notifications using the Android, PHP, MYSQL PART 1/2
Firebase Cloud Messaging Push Notifications using the Android, PHP, MYSQL PART 1/2
Published: 2016/05/29
Channel: Filip Vujovic
How Do I: Increased Security Using Cross Document Messaging (XDM)
How Do I: Increased Security Using Cross Document Messaging (XDM)
Published: 2009/04/23
Channel: DeveloperVideos
Google Cloud Messaging ASPNET Web Api and Android client
Google Cloud Messaging ASPNET Web Api and Android client
Published: 2015/12/29
Channel: HintDesk Blog
TexTory Web : Using Tags for Group Text Messaging
TexTory Web : Using Tags for Group Text Messaging
Published: 2015/02/07
Channel: TexTory Service
Introducing Amazon Simple Queue Service (SQS) Server-side Encryption – Messaging on AWS
Introducing Amazon Simple Queue Service (SQS) Server-side Encryption – Messaging on AWS
Published: 2017/05/23
Channel: Amazon Web Services
WebSphere Message Broker: Web services reliable messaging
WebSphere Message Broker: Web services reliable messaging
Published: 2013/09/24
Channel: IBMeducation
HTML5 tutorial: Exploring interactive cross-origin messaging | lynda.com
HTML5 tutorial: Exploring interactive cross-origin messaging | lynda.com
Published: 2012/02/22
Channel: LinkedIn Learning Solutions
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

From Wikipedia, the free encyclopedia
Jump to: navigation, search

Web Messaging or cross-document messaging, is an API introduced in the WHATWG HTML5 draft specification, allowing documents to communicate with one another across different origins, or source domains[1] while rendered in a web browser. Prior to HTML5, web browsers disallowed cross-site scripting, to protect against security attacks. This practice barred communication between non-hostile pages as well, making document interaction of any kind difficult.[1][2] Cross-document messaging allows scripts to interact across these boundaries, while providing a rudimentary level of security.

Requirements and attributes[edit]

Using the Messaging API's postMessage method, plain text messages can be sent from one domain to another, e.g. from a parent document to an IFRAME.[3] This requires that the author first obtain the Window object of the receiving document. As a result, messages can be posted to the following:[2]

  • other frames or iframes within the sender document's window
  • windows the sender document explicitly opens through JavaScript calls
  • the parent window of the sender document
  • the window which opened the sender document

The message event being received has the following attributes:

  • data - The data, or actual content, of the incoming message.
  • origin - The origin of the sender document. This typically includes the scheme, hostname and port. It does not include the path or fragment identifier.[1]
  • source - the WindowProxy of where the document came from (the source window).

postMessage is not a blocking call; messages are processed asynchronously.[4]

Example[edit]

Consider we want document A loaded from example.net to communicate with document B loaded from example.com into an iframe or popup window.[1] The JavaScript for document A will look as follows:

var o = document.getElementsByTagName('iframe')[0];
o.contentWindow.postMessage('Hello B', 'http://example.com/');

The origin of our contentWindow object is passed to postMessage. It must match the origin of the document we wish to communicate with (in this case, document B). Otherwise, a security error will be thrown and the script will stop.[3] The JavaScript for document B will look as follows:

function receiver(event) {
	if (event.origin == 'http://example.net') {
		if (event.data == 'Hello B') {
			event.source.postMessage('Hello A, how are you?', event.origin);
		}
		else {
			alert(event.data);
		}
	}
}
window.addEventListener('message', receiver, false);

An event listener is set up to receive messages from document A. Using the origin property, it then checks that the domain of the sender is the expected domain. Document B then looks at the message, either displaying it to the user, or responding in turn with a message of its own for document A.[1]

Security[edit]

Poor origin checking can pose a risk for applications which employ cross-document messaging.[5] To safeguard against malicious code from foreign domains, authors should check the origin attribute to ensure messages are accepted from domains they expect to receive messages from. The format of incoming data should also be checked that it matches the expected format.[1]

Support[edit]

Support for cross-document messaging exists in current versions of Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera, Opera Mini, Opera Mobile, and Android web browser.[6] Support for the API exists in the Trident, Gecko, WebKit and Presto layout engines.[7]

See also[edit]

References[edit]

External links[edit]

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, Wikipedia, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.

Powered by YouTube
Wikipedia content is licensed under the GFDL and (CC) license