iframe中页面跨域访问javascript

原创 2012年03月23日 10:08:54
若一个HTML页面A中使用iframe框架嵌套了一个页面B,那么如何让页面B传递参数给页面A呢?

今天有个同事说页面A的批量删除按钮,不能去删除页面B的列表里选中的多条数据。我向怎么可能呢,凡事无绝对,回想了一下自己以前在项目中的经验,想到了可以在iframe中实现跨页面访问javascript的方法。写下来以备忘!

例如:

页面A 里面定义javascript的函数

function tip(info){
      alert(info+",传值成功了!");
 
}

	<iframe style="background-color: red;"src="${pageContext.request.contextPath }/B.jsp"
							scrolling="auto" name="bottomFrame" width="100%" height="100%"
							frameborder="0" style="color: red">
					</iframe>



页面B里面有一个按钮和javascript函数

function postParams(){
      alert("开始传递数据...");
      window.parent.tip("我是mr_cheney");
}


<input type="button" onclick="postParams()" />


 

利用代理页面解决html iframe跨域访问网站问题

原文:利用代理页面解决html iframe跨域访问网站问题 源代码下载地址:http://www.zuidaima.com/share/1854884509142016.htm ...
  • yaerfeng
  • yaerfeng
  • 2016年11月15日 09:57
  • 5245

JavaScript实现内嵌的iframe跨域调用父页面js方法

源码下载 功能说明:http://www.yf3.com/admin.html嵌套页面http://www.yf4.com/customer.html,http://www.yf4.com/cu...
  • qq285679784
  • qq285679784
  • 2017年06月12日 10:40
  • 2999

iframe与主框架跨域相互访问方法

1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,name=myframe A.html有js fu...
  • tuoxinquyu
  • tuoxinquyu
  • 2017年01月05日 14:52
  • 920

iframe跨域调用问题

iframe框架之间的函数调用 知识点:iframe同域window对象的函数调用,iframe跨域window对象的函数调用。获取页面中iframe中的window对象介于兼容性的问题,推荐使用co...
  • stopllL
  • stopllL
  • 2017年04月11日 19:49
  • 3295

iframe及其跨域通讯方式集合

iframe通讯分为两种情况,一个是同域下通讯,另一个是跨域通信 先看看同域下父子页面通讯: 我们写两个页面便于比较分析: 父页面parent.html:             functio...
  • u012545279
  • u012545279
  • 2013年11月18日 11:51
  • 7569

iframe跨域传输数据(一);子页面访问主框架DOM元素;

如果使用同域的方法,浏览器判断A.html 与 B.html 不同域,会有错误提示。 Uncaught SecurityError: Blocked a frame with origin “htt...
  • J_Y_X_8
  • J_Y_X_8
  • 2016年03月16日 18:29
  • 3648

iframe跨域访问与传值的个人解决办法

如果你想在自己的网页上引用并显示别人的网页,那么iframe是一个很好的选择。如果你的网站和将要引用的网站在同一个域名下那么可以通过js很方便的操作iframe中的DOM对象。但是如果两者不在相同的域...
  • I_love_youlovelove
  • I_love_youlovelove
  • 2016年02月17日 16:34
  • 1990

HTML5 postMessage解决跨域、跨iframe窗口消息传递

主页面 接收消息: ...
  • u010363836
  • u010363836
  • 2016年03月03日 15:53
  • 2839

跨域传值即主页面与iframe之间互相传值

需求一:主页面A 怎么向 iframe B 传递数据呢?  这种方式,是主页面需要给 iframe B 传递数据,然后 iframe B 获得到数据后进行特定的处理  实现方式  实...
  • chenzhiwei666
  • chenzhiwei666
  • 2017年05月25日 12:03
  • 321

前端跨域解决方法之window.name+iframe

window.name 传输技术,原本是 Thomas Frank 用于解决 cookie 的一些劣势(每个域名 4 x 20 Kb 的限制、数据只能是字符串、设置和获取 cookie 语法的复杂等...
  • ghostlpx
  • ghostlpx
  • 2016年08月15日 15:54
  • 2462
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe中页面跨域访问javascript
举报原因:
原因补充:

(最多只允许输入30个字)