首页
关于
优乐购
开发
生活
大事记
跨域
作者: 图恩
分类:
编程开发
阅读: 916
发布时间: 2020-04-22 04:16:04
同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 不受同源策略限制的,
,
,
5种跨域的方法 jsonp 不是ajax,利用 标签可跨域的特性 hash // 利用hash,场景是当前页面 A 通过iframe或frame嵌入了跨域的页面 B // 在A中伪代码如下: var B = document.getElementsByTagName('iframe'); B.src = B.src + '#' + 'data'; // 在B中的伪代码如下 window.onhashchange = function() { var data = window.location.hash; }; postMessage h5 新特性 // 窗口A(http:A.com)向跨域的窗口B(http:B.com)发送信息 Bwindow.postMessage('data', 'http://B.com'); // 在窗口B中监听 Awindow.addEventListener('message', function(event) { console.log(event.origin); console.log(event.source); console.log(event.data); }, false); WebSocket h5 新特性 var ws = new WebSocket('wss://echo.websocket.org'); ws.onopen = function(evt) { console.log('Connection open ...'); ws.send('Hello WebSockets!'); }; ws.onmessage = function(evt) { console.log('Received Message: ', evt.data); ws.close(); }; ws.onclose = function(evt) { console.log('Connection closed.'); }; CORS 跨域资源共享 fetch('/some/url/', { method: 'get', }).then(function(response) { }).catch(function(err) { // 出错了,等价于 then 的第二个参数,但这样更好用更直观 });
推荐阅读
发表评论
(审核通过后显示评论):
昵称:
邮箱:
内容:
发表评论
文章评论(0)
专题推荐
程序员做菜指南
从零搭建博客
前端开发
javascript教程
vue3+ts教程
推荐阅读
1
自驾罗浮山
阅读:1131
发布时间:2025-05-17 22:02:42
2
又遇高一班主任
阅读:1051
发布时间:2025-06-04 22:31:37
3
酥醪村到正果老街:一条不容错过的跑山路线推荐
阅读:885
发布时间:2025-07-19 22:18:57
4
路过大梅沙,没预约真的会被拍!
阅读:810
发布时间:2025-07-15 10:28:10
5
当我的手机能从26楼连接车上的蓝牙后..
阅读:809
发布时间:2025-07-16 22:28:47
6
如何查看gradle包最新版本
阅读:705
发布时间:2025-07-12 10:14:01
7
windows系统邮箱客户端推荐:foxmail
阅读:638
发布时间:2025-06-26 22:31:45
8
超速驾驶被扣6分,罚款200元
阅读:560
发布时间:2025-07-28 22:34:41
9
在 Spring Boot 中集成 Caffeine 缓存
阅读:437
发布时间:2025-07-12 10:04:10
10
回长沙参加老婆妹妹的婚礼
阅读:397
发布时间:2025-08-10 21:53:45
发表评论 (审核通过后显示评论):