欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js同源策略:操作web内容的一条完整安全限制

程序员文章站 2022-04-04 13:59:04
...

同源策略

同源是js对能操作那些web内容的一条完整的安全限制。当web页面打开其他浏览器窗口,或者使用iframe的时候,会发挥作用。
即,脚本只能读取和所属文档来源相同的窗口和文档的属性。
文档的来源包含协议,主机,载入文档的url端口。从不同web服务器载入的文档具有不同的来源,同过同一主机的不同端口载入的文档也具有不同的来源。使用http和https的也是不同的来源,因为协议不同。
即,协议,主机, 载入文档的url端口,完全和文档的相同,才能允许脚本读取文件内容。
但是对于脚本本身的来源没有任何的关系。
举例
脚本a是包含在一个来自主机b文档bb的,即脚本a可以访问文档bb的所有的内容。
脚本a又打开了一个来自于主机c的cc文档,由于来源不同,脚本a不能访问文档cc的内容。但是如果脚本a又打开一个来自主机b的文档bbb,这时,脚本a可以访问文档bbb(此时是在两个不同的窗口下,也可以实现访问)
如果脚本打开一个窗口,脚本也可以关闭,但不能以任何方式查看窗口内部。

不严格的同源策略

本地使用web server for chrome 启动服务。修改host文件,解析home.abc.com 以及 abc.com到这两个域名
访问,http://home.abc.com:8887/ 以及http://abc.com:8887/都来自于同一主机 127.0.0.1
这样就完成了一个最简单的本地服务器的搭建

设置document.domain

> document.domain
"home.abc.com"

只允许请求home.abc.com来源的网站。
设置

> document.domain = "abc.com";
"abc.com"

这样就设置了一个同源,对于

*.abc.com

的请求,当做全部同源。

设置相同的document.domain

设置相同的document.domain,如果两个值相同,则脚本可以互相访问。不会受到同源的约束。

跨域资源共享

使用Origin扩展http,确保资源共享

https://developer.mozilla.org...

显式的列出所有源。根据Origin的值,列出源,避免再次跨源

跨文档消息

使用postMessage()方法,异步传递消息事件

脚本化插件和ActiveX控件

在web浏览器中,js被用作很多软件和插件的脚本引擎。
ActiveX 网上银行用的多,╮(╯▽╰)╭
很老很老的技术了。。3721。(⊙o⊙)

js不能做什么

客户端js没有权限写入删除客户计算机上的任意文件或列出任意目录。即js程序不能删除数据或者植入病毒。
客户端的js没有任何通用的网络能力,客户端js程序可以对http协议编程,并且有套接字的api,用于指定服务器通信,但是都不能进行更大范围,更广的网络进行访问。

相关文章:

有关对同源策略和csrf安全策略的知识点讲解

js同源策略详解

相关视频:

JavaScript基础精讲视频教程

以上就是js同源策略:操作web内容的一条完整安全限制的详细内容,更多请关注其它相关文章!

相关标签: javascript