- 浏览: 1060304 次
- 性别:
- 来自: 南京
文章分类
- 全部博客 (501)
- dwr (6)
- javascript (84)
- oracle (66)
- jsp/servlet (18)
- ant (3)
- 基础知识 (12)
- EXT (10)
- My SQL (10)
- java (71)
- spring (37)
- 学习的对象 (2)
- Linux (24)
- 面试 (1)
- HTML/CSS (11)
- tomcat (11)
- 收藏夹 (2)
- Power Designer (2)
- struts.xml配置文件 (1)
- sturts2 (3)
- myeclipse (8)
- eclipse (7)
- Maven (34)
- SVN (3)
- SAP JCO (2)
- JBOSS (11)
- webservice (8)
- word (1)
- 敏捷开发 (1)
- sybase (4)
- Nexus (3)
- EhCache (3)
- log4j (3)
- Cookie (4)
- Session (4)
- CXF (7)
- AXIS (2)
- SSO (1)
- LDAP (1)
- velocity (2)
- Jquery (5)
- redis (2)
- http (4)
- dojo (1)
- Linux资源监控软件mnon的安装与运用 (1)
- notepad++ (1)
- EA (1)
- UML (1)
- JasperReports (1)
- 权限 (0)
- freemarker (4)
- Spring MVC (1)
- JMS (1)
- activeMQ (1)
- hession (3)
- 安全 (1)
- ibatis (2)
- log (1)
- nginx (1)
最新评论
-
winhbb:
我刚好遇到了一个问题(在可以依赖注入的场合有效):有两个模块A ...
解决Maven项目相互依赖/循环依赖/双向依赖的问题 -
nanjiwubing123:
long3ok 写道你好 XmlOutputFormatter ...
用XStream转换复杂XML -
zhoujianboy:
另外一个方法实现eclipse tomcat 热部署:http ...
eclipse下实现maven项目在tomcat容器热部署方法 -
long3ok:
你好 XmlOutputFormatter 请问这个类是在什么 ...
用XStream转换复杂XML -
ganbo:
总结的好,文章给力。
解决Maven项目相互依赖/循环依赖/双向依赖的问题
已知a.html,c.html,其中c页面是a页面的子页面,且a、c不同域,求a,c页面互相访问的方案?
方案如下:
思路:
在a.html中增加与c.html同域的d.html,通过d.html访问c.html
在c.html中增加与a.html同域的b.html,通过b.html访问a.html
代码如下:
a.html:
b.html内容:
c.html页面内容:
d.html页面内容:
说明:说明:a、b页面不是在www.hck.com域中的页面
图:
http://blog.csdn.net/lovingprince/article/details/2954675
http://www.cnblogs.com/rainman/archive/2011/12/06/1959325.html
http://www.nowamagic.net/ajax/ajax_KonwHowToCrossDomain.php
方案如下:
思路:
在a.html中增加与c.html同域的d.html,通过d.html访问c.html
在c.html中增加与a.html同域的b.html,通过b.html访问a.html
代码如下:
a.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var aPageContent = "a页面内容"; </script> </head> <body style="background-color: blue;"> a页面:<br /> <iframe name="cIframe" id="cIframe" src="http://www.hck.com:8080/WebTest/c.html"></iframe> <br /> <br /> <iframe name="dIframe" id="dIframe" src="http://www.hck.com:8080/WebTest/d.html"></iframe> </body> </html>
b.html内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> function test() { alert(top.aPageContent); } </script> </head> <body> b页面:a、b同域 <button onclick="javascript:test();">调用A页面的内容</button> </body> </html>
c.html页面内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var cccc = "c页面的内容"; </script> </head> <body> c页面: <iframe src="http://www.xu.com:8080/WebTest/b.html"></iframe> </body> </html>
d.html页面内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> function test() { alert(top.frames[0].cccc); } </script> </head> <body> d页面:c、d同域 <button onclick="javascript:test();">调用c页面的内容</button> </body> </html>
说明:说明:a、b页面不是在www.hck.com域中的页面
图:
http://blog.csdn.net/lovingprince/article/details/2954675
http://www.cnblogs.com/rainman/archive/2011/12/06/1959325.html
http://www.nowamagic.net/ajax/ajax_KonwHowToCrossDomain.php
发表评论
-
JSONEditor
2015-07-08 20:11 555JSONEditor: https://github.com/ ... -
Javascript开发调试
2014-07-08 10:08 738小谈chrome调试命令:console.log的使用 h ... -
利用Script实现JSONP跨域
2014-01-24 09:38 9151.什么是跨域 我们经常会在页面上使用ajax请求访问其他服 ... -
jQuery JSONP 跨域实践
2013-12-12 18:24 681jQuery JSONP 跨域实践 一客户端(url:htt ... -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2013-10-17 09:35 710预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中 ... -
Js中escape(),encodeURI()和encodeURIComponent()使用和比较:
2013-09-12 09:42 1028Js中escape(),encodeURI()和encodeU ... -
If-Modified-Since & If-None-Match
2013-04-27 13:24 859If-Modified-Since & If-None ... -
为什么JS文件带参数 JS后带参数什么意思
2013-04-27 11:20 1339我们经常在页面里会看到在加载的js或css文件带时文件后面常常 ... -
js实现网页图片延时加载的原理和代码
2013-04-23 11:52 996有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到 ... -
关于document.compatMode的一些介绍
2013-04-22 17:35 970对于document.compatMode,很多朋友可能都根我 ... -
js之事件冒泡和事件捕获
2013-04-20 10:03 1729事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差 ... -
js中addEventListener中第3个参数 .
2013-04-19 16:33 1621捕获阶段、目标阶段、冒泡阶段 addEventListener ... -
超链接在web开发中使用总结
2013-04-02 14:33 1121在工作中在前端页面的 ... -
JavaScript Module Pattern: In-Depth
2013-03-27 11:47 975Module difinition: http://www.a ... -
JQuery移除事件
2013-01-30 13:00 931移除事件 unbind(type [,data]) ... -
Js 冒泡事件阻止
2013-01-29 09:27 9931. 事件目标 现在,事 ... -
查找所有嵌套iframe .
2013-01-28 10:19 114601.//查找所有嵌套iframevar allIfrs = ... -
什么是同源策略
2012-12-12 11:15 1135一.什么是同源策略 ... -
js 编码,使用java解码方式
2012-10-30 11:02 1628使用两个方法:decodeURIComponent和escap ... -
Cookies
2012-05-04 10:10 1036ookies Cookies 集合设置 coo ...
相关推荐
JSONP是一种较早的跨域解决方案,它利用了浏览器允许`<script>`标签跨域加载资源的特性。通过动态创建`<script>`标签,并指定其`src`属性为一个返回JSON数据的函数调用,服务器将数据包裹在函数调用中返回,客户端...
JavaScript跨域方案是Web开发中的一个重要主题,尤其是在构建现代Web应用程序时。由于浏览器的安全策略,JavaScript在不同域名之间默认不允许进行通信,这就是所谓的“同源策略”。然而,开发者经常需要在多个域之间...
使用上述方法,可以在不违反同源策略的前提下,通过中间代理页面间接获取跨域页面的尺寸信息,并动态调整iframe的尺寸来实现自适应效果。这种方法既保证了安全性,也解决了跨域带来的限制问题。 具体到代码实现,...
标题"showModalDialog跨域解决例子"表明我们将探讨如何克服这个限制。 首先,理解跨域的原理至关重要。同源策略是浏览器为了安全而实施的一项政策,它禁止了一个源(协议+域名+端口)的文档或脚本请求另一个源的...
2. **跨域打印解决方案**:对于Finereport,可能需要使用IFrame或者Web服务代理的方式实现跨域打印。IFrame可以将报表加载到一个隐藏的框架中,然后在这个框架内进行打印操作,从而绕过同源策略的限制。Web服务代理...
在这个DEMO中,`iis_envoy_domain_services`和`iis_envoy_domain_main`可能就是配置代理服务的文件,Envoy作为中间层,接收客户端请求,然后转发到目标服务器获取数据,再将结果返回给客户端,这样就实现了跨域访问...
本文将介绍如何利用location.hash属性来解决跨域iframe自适应高度的问题,同时通过这个方法,我们还可以解决其他相似的跨域JS操作问题。 首先,让我们来了解什么是同源策略和跨域。同源策略要求,如果两个页面拥有...
然而,当需要在一个页面(我们称之为`top`页面)中通过iframe嵌入另一个不同源的页面(我们称之为`iframe`页面)时,如果需要这两个页面之间进行通信,就需要解决跨域问题。本文将详细介绍如何封装一个iframe跨域...
通过设置`document.domain`、使用中间页面或`window.postMessage`方法,我们可以有效地解决`iframe`跨域的问题,实现不同源页面之间的数据传递和交互。在实际应用中,应根据具体场景选择合适的方法,同时注意安全,...
在文件上传的场景中,iframe可以作为一个“中间人”,用于处理跨域提交。这是因为当一个表单(form)的target属性设置为一个iframe的名称时,表单提交的结果会显示在那个iframe中,而不是在当前窗口。这种方式允许...
1. JSONP(JSON with Padding):这是一种较早的跨域解决方案。它利用`<script>`标签没有同源策略限制的特性,由服务器返回一个JavaScript函数调用形式的字符串,客户端预先定义好该函数,当`<script>`标签加载完成后...
2. **CORS (Cross-Origin Resource Sharing)**:CORS是现代浏览器支持的一种更加安全且强大的跨域解决方案。服务器通过设置HTTP响应头`Access-Control-Allow-Origin`来允许特定或所有源的请求。同时,CORS还提供了...
1. **引入jQuery和jQuery UI**:在项目中,首先需要引入jQuery库(如jquery-1.3.2.js)和jQuery UI的拖拽组件。在本案例中,我们可能需要将这些脚本链接到iframe.html、right.html和left.html等文件中。 2. **设置...
对于跨域的`iframe`,可以设置一个中间代理页面,通过这个代理页面实现父子页面间的通信。 三、安全与限制 在进行父子页面通信时,必须注意安全问题。`postMessage`提供了验证`origin`的能力,以防止恶意页面注入...
在介绍知识点之前,首先需要明确“跨域”一词在Web开发中的含义。跨域问题,也称为“同源策略”,是指当一个域(域名、协议或端口)的...随着Web技术的演进,建议在可能的情况下优先考虑标准的跨域解决方案,例如CORS。
在JavaScript(JS)中,跨域访问是一个常见的问题,它涉及到浏览器的安全策略,因为默认情况下,浏览器禁止一个源(域名)的脚本访问另一个源的数据,以防止恶意网站窃取数据。解决跨域问题通常有以下几种方法: 1....
同源策略的限制促使了各种跨域通信解决方案的出现,如iframe、中间帧技术和基于值的通信机制。而SCDC系统则在这些基础上,进一步强化了安全性、效率和对象共享能力,为构建安全的Mashup应用提供了重要的理论和技术...
无论是刷新当前页面、上级页面,还是操作iframe内的内容,都可以通过JavaScript实现,提高了网页的动态性和用户体验。在实际开发中,需要注意兼容性问题,确保在不同浏览器中代码都能正确运行。