[TOC]简介1.概述同源策略是对WEB内容JavaScript代码可以运行的一种完整的安全限制，也是Netscape提出的一个著名的安全策略。所谓同源，简单来说就是“三个相同”，**1、相同的域名、2、相同的协议、3、相同的端口**当我们使用多个元素或者打开其他浏览器窗口时，这个策略就会发挥它的作用角色。在这种情况下，同源策略负责管理窗口或表单中的JavaScript代码并与其他窗口进行交互。具体来说，脚本只能读取window和Document属性（当然我们也可以通过JS实现多window和form，本章不做讲解）当然，同源策略也属于一些理论知识点，存在于我们的日常使用中，了解这些可以帮助我们更好的了解前端安全和知识。文档的来源包括加载文档的URL的协议、主机和端口。1.从不同的网络服务器加载的文件来源不同。2、同一台主机不同端口加载的文件来源不同。3、使用http协议和https协议加载的文档来源不同。即使他们来自同一台服务器。脚本的来源本身与同源策略无关，而是脚本潜入的文档来源。同时，XMLHttpRequest产生的HTTP请求也会应用同源策略。该对象允许客户端javascript生成对脚本的任意HTTP请求。文件的服务器，但不允许脚本与其他WEB服务器通信。这就是我们常说的跨域请求。其实所谓的跨域，就是受到同源策略的限制。（当然，我们可以使用其他方法来解决跨域请求的问题）。2、同源策略的目的同源策略的目的是保证用户信息的安全，防止恶意网站窃取数据。想象这样一种情况：一个网站是一家银行，用户登录后浏览其他网站。如果其他网站可以读取网站A的cookie会怎样？显然，如果cookie中包含隐私（比如存款总额），这些信息就会被泄露。更可怕的是cookie经常被用来保存用户的登录状态。如果用户不注销，其他网站就可以冒充用户为所欲为。因为浏览器也规定了提交表单不受同源策略的限制。可见“同源策略”是必须的，否则cookies可以共享，上网就一点都不安全了。——摘自《浏览器同源政策及其规避方法》3.在文档中设置同源：document.domain在某些情况下，同源策略会更加严格，比如同一域名下的其他子域，比如两个子域：home。xiang.com和order.xiang.com其中一个子域需要合法读取另一个子域下文档的属性。为了支持这个多域站点，我们可以使用document.dimin属性来控制Source，默认情况下document.domain的值是加载文档的服务器的主机名，当我们设置这个属性时，我们的字符串use必须具有有效的域前缀或其自身。所以如果adimin的初始值是home.xiang.com的字符串我们可以将它设置为xiang.com。另外，document.domain的值中还必须有一个点，不能设置为com等顶级域名。这时，如果两个窗体或窗口中包含的脚本将document.domain设置为相同的值，那么这两个窗口将不再受制于同源策略。属性可以相互读取。4、请求中的Access-Control-Allow-Origin受同源策略影响，我们也可以通过一些方法实现跨域资源共享，见http://www.w3.org/TR/cors/this标准和草案是用新的Origin:请求标头和新的Access-Control-Allow-Origin响应扩展HTTP，它允许服务器用标头信息显式列出来源，或者使用通配符匹配所有originsandallowany很多浏览器使用这个新的头部信息来允许跨域的HTTP请求，这样我们的XMLHttpRequest就不会受到同源策略的限制。5.跨文档消息传递window.postMessage()跨文档消息传递，允许一个文档的脚本向另一个文档的脚本传递文本消息，而不管脚本的来源是否相同，当我们调用上的postMessage方法时window对象此时可以将信息异步传递给指定的window文档。此时接受窗口可以通过onmessage()方法接收传递过来的信息，但是不能调用其他文档的方法，也不能读取属性。换句话说，这只是一种通信技术，而不是控制另一个文件的内容。postMessage()方法接受两个参数。第一个参数是要传递的信息。HTML5标准中提到，该参数可以是任何基本类型，也可以是可复制的对象，但有些浏览器只支持字符串。传递，所有有时传递的对象或数组都需要进行转换。第二个参数是一个字符串，是指定窗口的来源，即指定窗口的document.domain属性的值，包括协议、主机名、URL端口，（除了这些信息，allinformationwillbeIgnored），如果需要传递给任何窗口，此时只能设置为*，如果要指定与当前窗口相同的来源，也可以使用/。目标窗口会触发onmessage()事件，它接收一个对象，包括以下属性：data作为第一个参数传递给postMessage()方法的消息复制内容。source消息的来源窗口对象。origin一个字符串，指定消息的来源(URL)。——摘录本文大部分内容摘自《JavaScript权威指南》一书。详细解释请参考书中内容。作者文章来源地址http://xiangzongliang.com/blo...</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="微信小程序开发" href="/webqianduan/231228.html">微信小程序开发</a> </div> <div class="prev">下一篇：<a title="解决输入中占位符的坑" href="/webqianduan/231230.html">解决输入中占位符的坑</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>《同源策略》相关文章</code></div> <ul> <li><a href="/kejifunen/367592.html" target="_blank" title="真人秀《《蜜蜂少女队》》VR版即将来袭，吴奇隆、谢霆锋就在眼">真人秀《《蜜蜂少女队》》VR版即将来袭，吴奇隆、谢霆锋就在眼</a></li> <li><a href="/kejifunen/367570.html" target="_blank" title="《汪峰十问智库群》第32期-安全链钱克明！区块链安全正处于“">《汪峰十问智库群》第32期-安全链钱克明！区块链安全正处于“</a></li> <li><a href="/kejifunen/367504.html" target="_blank" title="色情驱动技术！你知道《暴风镜4》的“成人世界”吗？ ">色情驱动技术！你知道《暴风镜4》的“成人世界”吗？ </a></li> <li><a href="/kejifunen/367184.html" target="_blank" title="《天天向上》在三星Galaxy A9 Star的高科技支持下">《天天向上》在三星Galaxy A9 Star的高科技支持下</a></li> <li><a href="/kejifunen/367042.html" target="_blank" title="《Pokemon Go》去年总收入达9.5亿美元">《Pokemon Go》去年总收入达9.5亿美元</a></li> <li><a href="/kejifunen/366962.html" target="_blank" title="人脸识别机器人毁了我最后玩《找麻烦》的乐趣">人脸识别机器人毁了我最后玩《找麻烦》的乐趣</a></li> <li><a href="/kejifunen/366949.html" target="_blank" title="《Attack》中的VR如何改变传统体育娱乐消费模式？ ">《Attack》中的VR如何改变传统体育娱乐消费模式？ </a></li> <li><a href="/kejifunen/366938.html" target="_blank" title="美拍《嘿!好样的》完美收官，收获之旅才刚刚开始">美拍《嘿!好样的》完美收官，收获之旅才刚刚开始</a></li> <li><a href="/kejifunen/366844.html" target="_blank" title="2018CJ TestBird《白皮书》首发！崩溃和UI异常">2018CJ TestBird《白皮书》首发！崩溃和UI异常</a></li> <li><a href="/kejifunen/366834.html" target="_blank" title="249元！ 《小米枪战》定制耳机发布！送98元游戏卡">249元！ 《小米枪战》定制耳机发布！送98元游戏卡</a></li> <li><a href="/kejifunen/366618.html" target="_blank" title="硅谷银行《市场态势报告》！牛市之下，创新经济将何去何从？ ">硅谷银行《市场态势报告》！牛市之下，创新经济将何去何从？ </a></li> <li><a href="/kejifunen/366610.html" target="_blank" title="《三分钟酷品》王牌对战王牌 iRobot Roomba 96">《三分钟酷品》王牌对战王牌 iRobot Roomba 96</a></li> <li><a href="/kejifunen/366596.html" target="_blank" title="当天使遇上足球看游族《天使纪元》如何玩转世界杯跨界营销">当天使遇上足球看游族《天使纪元》如何玩转世界杯跨界营销</a></li> <li><a href="/kejifunen/366210.html" target="_blank" title="盘点追寻《绿野仙踪》所用的高科技！可穿戴设备">盘点追寻《绿野仙踪》所用的高科技！可穿戴设备</a></li> <li><a href="/kejifunen/366177.html" target="_blank" title="《智能家居产品》互联智能与终端智能的博弈">《智能家居产品》互联智能与终端智能的博弈</a></li> <li><a href="/kejifunen/365934.html" target="_blank" title="科技让电影无处不在，VVETIME投影手机携手张艺谋代表作《">科技让电影无处不在，VVETIME投影手机携手张艺谋代表作《</a></li> <li><a href="/kejifunen/365667.html" target="_blank" title="您不必担心毕业后立即结婚， 《我在家》帮你装修一个温馨又高性">您不必担心毕业后立即结婚， 《我在家》帮你装修一个温馨又高性</a></li> <li><a href="/kejifunen/365514.html" target="_blank" title="Gear VR游戏《太空远征计划》！探索适合移动端的游戏">Gear VR游戏《太空远征计划》！探索适合移动端的游戏</a></li> <li><a href="/kejifunen/365341.html" target="_blank" title="《自然》 和 《科学》 帮忙，感觉FISA要重燃可穿戴设备的">《自然》 和 《科学》 帮忙，感觉FISA要重燃可穿戴设备的</a></li> <li><a href="/kejifunen/365339.html" target="_blank" title="了解工信部十个技巧《VR产业白皮书》">了解工信部十个技巧《VR产业白皮书》</a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/371041.html" title="《凉生》该播出标志着TCL与代言人马天宇完美邂逅一周年！ " target="_blank">《凉生》该播出标志着TCL与代言人马天宇完美邂逅一周年！ </a></li> <li><em>2</em><a href="/kejifunen/371011.html" title="有关技术的早期消息！ 《王者荣耀》吃鸡玩法曝光，康佳新战略瞄" target="_blank">有关技术的早期消息！ 《王者荣耀》吃鸡玩法曝光，康佳新战略瞄</a></li> <li><em>3</em><a href="/kejifunen/370699.html" title="《2015上半年中国智能穿戴行业数据分析报告》用户行为分析" target="_blank">《2015上半年中国智能穿戴行业数据分析报告》用户行为分析</a></li> <li><em>4</em><a href="/kejifunen/370691.html" title="非社交、非运动的《跑男》很受欢迎，启发了可穿戴设备的未来" target="_blank">非社交、非运动的《跑男》很受欢迎，启发了可穿戴设备的未来</a></li> <li><em>5</em><a href="/kejifunen/370602.html" title="《精灵宝可梦 GO》越来越受欢迎， AR游戏火爆的背后也隐藏" target="_blank">《精灵宝可梦 GO》越来越受欢迎， AR游戏火爆的背后也隐藏</a></li> <li><em>6</em><a href="/kejifunen/370435.html" title="线下体验助推 《侏罗纪世界》 IP内容驱动VR产业迈向新高度" target="_blank">线下体验助推 《侏罗纪世界》 IP内容驱动VR产业迈向新高度</a></li> <li><em>7</em><a href="/kejifunen/370342.html" title="《纽约时报》推出冬奥AR内容，目前可在IOS设备上体验" target="_blank">《纽约时报》推出冬奥AR内容，目前可在IOS设备上体验</a></li> <li><em>8</em><a href="/kejifunen/370317.html" title="一起退休！潮流风格《夕阳红》的幸与不幸" target="_blank">一起退休！潮流风格《夕阳红》的幸与不幸</a></li> <li><em>9</em><a href="/kejifunen/369962.html" title="佩戴Oculus Crescent Bay观看《霍比特人》初" target="_blank">佩戴Oculus Crescent Bay观看《霍比特人》初</a></li> <li><em>10</em><a href="/kejifunen/369523.html" title="影创全息MR智能眼镜Action One与《头号玩家》意外相" target="_blank">影创全息MR智能眼镜Action One与《头号玩家》意外相</a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/369128.html" title="《智能硬件专项行动》发布：可穿戴、VR等五大领域迎来好消息" target="_blank">《智能硬件专项行动》发布：可穿戴、VR等五大领域迎来好消息</a></li> <li><em>2</em><a href="/kejifunen/369072.html" title="经纬恒润科技前瞻技术负责人张大鹏进行了长达90分钟的深度演讲" target="_blank">经纬恒润科技前瞻技术负责人张大鹏进行了长达90分钟的深度演讲</a></li> <li><em>3</em><a href="/kejifunen/368898.html" title="蓝牙SIG发布2018《蓝牙市场最新资讯》！智能家居市场正以" target="_blank">蓝牙SIG发布2018《蓝牙市场最新资讯》！智能家居市场正以</a></li> <li><em>4</em><a href="/kejifunen/368895.html" title="《我就是演员》涂松岩的“守护家园”令人感动，贝壳找家帮你找到" target="_blank">《我就是演员》涂松岩的“守护家园”令人感动，贝壳找家帮你找到</a></li> <li><em>5</em><a href="/kejifunen/368837.html" title="在世界杯和热播电视剧的带动下《镇魂》，优酷活跃用户增速稳居行" target="_blank">在世界杯和热播电视剧的带动下《镇魂》，优酷活跃用户增速稳居行</a></li> <li><em>6</em><a href="/kejifunen/368808.html" title="《使命召唤15》如果你想进入“吃鸡”阵营，就应该选择北通斯巴" target="_blank">《使命召唤15》如果你想进入“吃鸡”阵营，就应该选择北通斯巴</a></li> <li><em>7</em><a href="/kejifunen/368730.html" title="离开，原来你是这样的《Pokémon GO》" target="_blank">离开，原来你是这样的《Pokémon GO》</a></li> <li><em>8</em><a href="/kejifunen/368708.html" title="《清凉三分钟》小舞，亦师亦友的陪伴机器人，让孩子不再孤独" target="_blank">《清凉三分钟》小舞，亦师亦友的陪伴机器人，让孩子不再孤独</a></li> <li><em>9</em><a href="/kejifunen/368698.html" title="《虚拟现实产业发展指导意见》筹备工作已提前启动" target="_blank">《虚拟现实产业发展指导意见》筹备工作已提前启动</a></li> <li><em>10</em><a href="/kejifunen/368604.html" title="Nvidia推出史上最强大GPU！耗时10年打造的《复仇者联" target="_blank">Nvidia推出史上最强大GPU！耗时10年打造的《复仇者联</a></li> <li><em>11</em><a href="/kejifunen/368441.html" title="真人版《使命召唤11》在韩国上演！试试外骨骼套装" target="_blank">真人版《使命召唤11》在韩国上演！试试外骨骼套装</a></li> <li><em>12</em><a href="/kejifunen/368390.html" title="新闻业也在玩虚拟现实吗？ 《纽约时报》发布了虚拟现实新闻客户" target="_blank">新闻业也在玩虚拟现实吗？ 《纽约时报》发布了虚拟现实新闻客户</a></li> <li><em>13</em><a href="/kejifunen/368237.html" title="虚拟现实工具开发者程香跑" target="_blank">虚拟现实工具开发者程香跑</a></li> <li><em>14</em><a href="/kejifunen/368172.html" title="郑勇，硬仗先锋！独家解密中文版《Kiva仓储机器人》" target="_blank">郑勇，硬仗先锋！独家解密中文版《Kiva仓储机器人》</a></li> <li><em>15</em><a href="/kejifunen/368158.html" title="《最后一球》比赛观赛指南出炉 -如果你想熬夜看球，就来看看索" target="_blank">《最后一球》比赛观赛指南出炉 -如果你想熬夜看球，就来看看索</a></li> <li><em>16</em><a href="/kejifunen/368052.html" title="《卫报》华为Watch好评！最好用的安卓手表" target="_blank">《卫报》华为Watch好评！最好用的安卓手表</a></li> <li><em>17</em><a href="/kejifunen/368011.html" title="《经济学人》：可穿戴设备如何解决身份验证问题" target="_blank">《经济学人》：可穿戴设备如何解决身份验证问题</a></li> <li><em>18</em><a href="/kejifunen/367897.html" title="开始使用乐视超级头盔吧！您看到什么效果《琅琊榜》？ " target="_blank">开始使用乐视超级头盔吧！您看到什么效果《琅琊榜》？ </a></li> <li><em>19</em><a href="/kejifunen/367752.html" title="联想推出《绝地挑战》AR扩展包，与星球大战8电影同步" target="_blank">联想推出《绝地挑战》AR扩展包，与星球大战8电影同步</a></li> <li><em>20</em><a href="/kejifunen/367715.html" title="Oculus虚拟现实电影《亨利》" target="_blank">Oculus虚拟现实电影《亨利》</a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> </body> </html>
