(二)文档请求不同源之location.hash跨域

【(二)文档请求不同源之location.hash跨域】的更多相关文章

(二)文档请求不同源之location.hash跨域

一.基本原理用location.hash解决域名完全不同的跨域,例如,http://www.baidu.com#helloworld中的"#helloworld"就是location.hash,改变hash值不会刷新页面,因此可以利用hash值来传递数据. 二.测试步骤假设localhost:8080下的文件a.html要和localhost:8081下的文件b.html传递消息. 1.a.html首先创建一个隐藏的iframe,iframe的src指向localhost:8081…

(二)文档请求不同源之window.name跨域

一.基本原理 window.name不是一个普通的全局变量,而是当前窗口的名字.这里要注意的是每个iframe都有包裹它的window,而这个window 是top window的子窗口,而它自然也有window.name的属性,window.name在不同的页面(甚至不同域名)加载后依旧存在(如果没修改则值不会变化),并且可以支持非常长的name值(2MB). 二.测试步骤在某个页面控制台输入 window.name = "Hello World"; window.location…

(二)文档请求不同源之window.postMessage跨域

一.基本原理 HTML5为了解决跨域,引入了跨文档通信API(Cross-document messaging).这个API为window对象新增了一个window.postMessage方法,允许跨窗口通信,不论这两个窗口是否同源.Internet Explorer 8+, chrome,Firefox , Opera和Safari 都支持这个功能. 二.测试步骤 1.创建a.html <!DOCTYPE html> <html lang="en"> <…

(二)文档请求不同源之flash跨域

对于FLash,IE是认object标签的,但是FF和Chrome是认embed标签的. 1.客户端 <param name="allowScriptAccess" value="always" /> 2.服务端位于www.xxx.com域中的SWF文件要访问www.yyy.com的文件时,SWF首先会检查yyy服务器站点根目录下是否有crossdomain.xml文件,如果没有,则访问不成功:若crossdomain.xml文件存在,且里边设置了允许…

(三)ajax请求不同源之服务器代理跨域

一.基本原理 Server Proxy,顾名思义,在服务器端设置一个代理,由服务器端向跨域的网站发出请求,再将请求结果返回给前端,成功避免同源策略的限制. 二.客户端和服务端代码 1.在localhost:81/a.html中,向同源的某个代理程序发出请求: $.ajax({ url:'/proxy.php?name=camille&age=18', //服务器端的代理程序 type:'GET', success:function (data){ } }) 2.在代理程序proxy.php中,向…

js 利用iframe和location.hash跨域解决的方法，java图片上传回调JS函数跨域

奶奶的:折腾了我二天,最终攻克了!网上有非常多样例. 但跟我的都不太一样,费话不多说了,上图上代码: IE ,firefix,chrome 測试通过 js :这个主页面,部分代码, function submitUpload(id){ $("#imgSrc" + id +"").attr("alt", "图片上传中--"); var imgID = id; if(id>0){ imgID = 1; } var fo…

jsonp突破同源策略，实现跨域访问请求

跨域访问问题,相信大家都有遇到过.这是一个很棘手的问题.不过道高一尺,魔高一丈,对于这类问题,总有解决问题的方案.最近我又接触到了这个问题,解决的途径是ajax+jsonp. 说到这个问题,不得不说一下“同源策略(Same-Origin Policy)”,它是由Netscape提出的一个著名的安全策略.现在所有支持JavaScript 的浏览器都会使用这个策略.所谓同源,就是必须协议.域名.端口都一致的,才叫做同源.例如:http://www.12306.cn和https://www.12306…