首页
网站导航
关于
升级日志
优乐购
跨域
作者: 图恩
分类:
编程开发
阅读: 874
发布时间: 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 的第二个参数,但这样更好用更直观 });
本文章由javascript技术分享原创和收集
推荐阅读
发表评论
(审核通过后显示评论):
昵称:
邮箱:
内容:
发表评论
文章评论(0)
专题推荐
程序员做菜指南
从零搭建博客
前端开发
javascript教程
vue3+ts教程
推荐阅读
1
无法加载文件 C:\nvm4w\nodejs\npm.ps1
阅读:934
发布时间:2025-02-16 21:49:14
2
谷歌浏览器Chrome官方最新版下载地址
阅读:674
发布时间:2025-02-23 23:15:22
3
vue3是如何实现双向绑定的?
阅读:669
发布时间:2025-03-13 20:59:36
4
自驾巽寮湾
阅读:668
发布时间:2025-03-02 21:08:15
5
手机忘记解锁密码,只能恢复出厂设置
阅读:668
发布时间:2025-03-11 22:47:02
6
最顶级的教养就是从不拆穿
阅读:668
发布时间:2025-03-25 21:01:23
7
周末随笔
阅读:660
发布时间:2025-03-16 22:35:05
8
任何值得做的事都值得花时间慢慢做
阅读:659
发布时间:2025-02-22 23:03:17
9
自驾罗浮山
阅读:598
发布时间:2025-05-17 22:02:42
10
又遇高一班主任
阅读:552
发布时间:2025-06-04 22:31:37
发表评论 (审核通过后显示评论):