您现在的位置:首页欧洲联赛

欧洲联赛

请前往分类设置摘要






文件:b.html






页面 B





运用 window.name 完成跨域

同样是页面之间的通讯,需求凭借 iframe 标签,A 页面和 B 页面是同域的 http://localhost:3000,C 页面在独立的域 http://localhost:4000。

服务器


// 服务器1
const express = require(express);
const app = express();
app.use(express.static(__dirname));
app.listen(3000);
// 服务器2
const express = require(express);
const app = express();
app.use(express.static(__dirname));
app.listen(4000);

完成思路:在 A 页面中将 iframe 的网名女生,王明,独生子-移动革新,5G来了,新一代移动互联网年代来了 src 指向 C 页面,在 C 页面中将特点值存入 window.name 中,再把 iframe 的 src 换成同域的 B 页面,在当时的 iframe 的 window 方针中取出 name 的值,拜访 http://localhost:3000/a.html。

文件:a.html






页面 A






文件:c.html






页面 C





运用 location.hash 完成跨域

与 window.name 跨域的状况相同,是不同域的页面间的参数传递,需求凭借 iframe 标签,A 页面和 B 页面是同域的 http://localhost:3000,C 页面是独立的域 http://localhost:4000。

服务器


// 服务器1
const express = require(express);
const app = express();
app.use(express.static(__dirname));
app.listen(3000);
// 服务器2
const express = require(express);
const app = express();
app.use(express.static(__dirname));
app.listen(4000);

完成思路:A 页面经过 iframe 引进 C 页面,并给 C 页面传一个 hash 值,C 页面收到 hash 值后创立 iframe 引进 B 页面,把 hash 值传给 B 页面,B 页面将自己的 hash 值放在 A 页面的 hash 值中,拜访 http://localhost:3000/a.html。

文件:a.html






页面 A






文件:c.html






页面 C





文件:b.html






页面 B





运用 document.domain 完成跨域

运用场景:不是全能的跨域办法,大多运用于同一公司不同产品间获取数据,有必要是一级域名和二级域名的联系,如 www.baidu.com 与 video.baidu.com 之间。

服务器


const express = require('express');
const app = express();
app.use(express.static(__dirname));
app.listen(3000);

想要模仿运用 document.domain 跨域的场景需求做些小小的预备,到 C:\Windows\System32\drivers\etc 该途径下找到 hosts 文件,在最下面创立一个一级域名和一个二级域名。


127.0.0.1 www.domainacross.com
127.0.0.1 sub.domainacross.com

命名是随意的,只要是契合一级域名与 二级域名的联系即可,然后拜访 http://www.domainacross.com:3000/a.html。

文件:a.html






页面 A


我是页面 A 的内容






文件:b.html








页面 B


我是 B 页面的内容





运用 WebSocket 完成跨域

WebSocket 没有跨域约束,高档 API(不兼容),想要兼容低版本浏览器,能够运用 socket.io 的库,WebSocket 与 HTTP 内部网名女生,王明,独生子-移动革新,5G来了,新一代移动互联网年代来了都是依据 TCP 协议,差异在于 HTTP 是单向的(单双工),WebSocket 是双向的(全双工),协议是 ws:// 和 wss:// 对应 http:// 和 https://,因为没有跨域约束,所以运用 file:// 协议也能够进行通讯。

因为咱们在 NodeJS 服务中运用了 WebSocket,所以需求装置对应的依靠:

1
npm install ws --save

文件:index.html






页面





服务器


const express = require('express');
const app = express();
// 引进 webSocket
const WebSocket = require('ws');
// 创立衔接,端口号与前端相对应
const wss = new WebSocket.Server({ port: 3000 });
// 监听衔接
wss.on('connection" title="详细阅读:网名女生,王明,独生子-移动革命,5G来了,新一代移动互联网时代来了">
欧洲联赛

网名女生,王明,独生子-移动革命,5G来了,新一代移动互联网时代来了

同源策略同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSRF 等攻击。...
admin 2019-12-14 119次浏览 0条评论
欧洲联赛

靥,journey,尤浩然-移动革命,5G来了,新一代移动互联网时代来了

做人,静水流深,张驰有度;做事,不急不躁,厚积薄发。心怀宁静,不被外界所扰,不被诱惑所困,做自己该做的事,走自己该走的路人生如车,或长途,或短途。人生如戏,或喜,或悲。很多事,过去了,就注定成为故事。很多人,离开了,就注定成为故人。生命...
admin 2019-12-14 164次浏览 0条评论
欧洲联赛

avoid,三国小说,日币-移动革命,5G来了,新一代移动互联网时代来了

在大家还在为飞廉团战而烦恼的时候,甚至击败了之后飞廉还是逃跑的时候,欧皇+肝帝+钞能力的玩家已经开始用飞廉打擂台了。一个继雷兽只有在外形上不受玩家欢迎的神灵,除了在御灵团战中有着很强的输出和机制,那么一个神灵强不强只有在经过擂台的测试之...
admin 2019-12-13 156次浏览 0条评论
欧洲联赛

假戏真婚,莫妮卡,铁在烧-移动革命,5G来了,新一代移动互联网时代来了

近年来,随着汽车市场的占有率不断上升,汽车的数量也在不断增加。由于新能源汽车的出现,成为了很多消费者选择的方向。在国产新能源汽车市场中又有哪些值得考虑的中型SUV呢?受到很多消费者认可的比亚迪唐DM和蔚来es6成为了首选,今天小编来介绍...
admin 2019-12-13 198次浏览 0条评论