HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦

2016-02-19 11:22 4 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

前言

HTML5新增通信相关两个API,跨文档消息传输与WEB Sockets API,

跨文档消息传输功能,可以在不同网页文档,不同端口(跨域情况下)进行消息传递。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

使用web sockets api 可以让客户端与服务器端通过socket端口传递数据,这样便可以使用数据推送技术。

跨文档消息传输

在之前我们若想跨域获取信息会花很多功夫,现在只要获取网页所在窗口对象实例变可以实现互相通信。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

首先要想从其他窗口接受发过来的消息需要对其窗口对象进行监听:

window.addevntListener('message', function () {}, false)

使用windows对象的postMessage方法向其他窗口发生信息:

otherWindow.postMessage(message, targetOrigin)第一个参数为发送文本,也可以是js对象(json)第二个参数为接收消息对象窗口的URL,可以使用通配符

简单示例:

代码如下:

post信息
!DOCTYPE html
html xmlns="http://www.w3.org/1999/xhtml"
head
title/title
script src="../jquery-1.7.1.js" type="text/javascript"/script
script type="text/javascript"
$(document).ready(function () {
window.addEventListener('message', function (ev) {
//应该要检查消息

来源:https://www.tulaoshi.com/n/20160219/1597242.html

延伸阅读
标签: Web开发
代码如下: script type="text/javascript" try { document.createElement("Canvas").getContext("2d"); document.getElementById("support").innerHTML = "OK"; } catch (e) { document.getElementById("support").innerHTML = e.message; } /script 加入Canvas canvas id="diagonal" style="border:1px solid blue;"...
标签: 产后
[标签:内容22 乳母饮食不当危害婴儿生命 喝完母乳后,百天大的婴儿脸色涨红,呼吸急促,喉咙里发出怪声,全身起满红色的疹子。经医院紧急抢救,婴儿才脱离生命危险。变态过敏反应专家透露,婴儿属于花生急性过敏,原因是母亲吃了一块花生糖,通过乳汁令孩子患病! 切莫勾搭上毒奶瓶 ·牛!BB虎年讨红包穿衣指南 ·...
学好7招用光不再是难题 摄影是光的艺术,摄影要是没有了光就像画家没有了颜料一样,人像摄影中的用光尤为重要,我们不仅可以利用自然光对人物进行塑造,还可以利用人造光源来塑造人物。所以人像摄影主要就是通过用光对被摄人物进行表现,已达到表现不同主题,产生不同的效果的目的。 1.巧用窗户光 几个世纪以来,画家们都喜...
脸蛋为什么会变得斑斑点点? .hzh {display: none; } 斑点的种类很多,雀斑、黄褐斑、妊娠斑等都可能出现在脸上。斑点通常是遗传或者后天的外界刺激及生理现象导致的。遗传因素造成的斑点通常在5岁左右就会表现出来。 后天形成的色斑通常是由于外界环境问题造成的,比如空气污染、辐射、紫外线等。其中最可能引发皮肤色斑的...
黑头不再是烦恼 简单四招巧去除 鼻子上总是长出难看的黑头实在令人不舒服,有碍肌肤美观。黑头是皮肤中油脂在空气中被氧化而形成的,躲藏在鼻子的毛孔之中,如果不加以制止和预防,就会越长越多、颜色越来越重。约会的过程中,被男朋友近距离看到草莓鼻,实在是有碍雅观啊!实际上,去除黑头并不是一件难事,这需要美眉们用心、努力...

经验教程

280

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部