日期:2014-05-17  浏览次数:20756 次

怎么从外部控制iframe的跳转?
A和B
A页面里面有一个a标签,B是一个网上商城,以iframe框架的形式嵌在a页里

head和body里大概就有这样的代码:
<script>
function goHist(mode){
  //mode=跳转模式,1前进,非1后退
if(mode==1){
history.go();
}else{
history.back();
}
}
</script>
===================================

<a href="#">点击进入购物车</a>
  <div class="hd_center"> 
<a class="last" href="#"><img src="img/last.png" width="210" height="76" onClick="goHist(2)"/></a> <!--后退按钮 -->
<a class="home" href="http://www.xxxxxx.com/" target="bsc"><img src="img/home.png" width="139" height="139" /></a> <!--回到首页 按钮 -->
<a class="next" href="#"><img src="img/next.png" width="210" height="76" onClick="goHist(1)"/></a> <!--前进按钮 -->
  </div>
<iframe id="bsc" class="bsc" name="bsc" src="http://www.xxxxxx.com/" ></iframe>


现在的问题在于进入购物车应该怎么做呢?这里我搞不懂..
商城里的购物车按钮代码是这样的
  <a href="javascript:GoToShoppingCart();">
  购物车商品 <span class="color_red1">0</span> 件
  <span class="allmoney">合计 <span class="color_red1">¥0.00</span></span>
  </a>
就是说点了那个a标签后就调用了js代码里的GoToShoppingCart函数吧?
请问我现在要如何在iframe的外部调用这个函数呢
(可能这样的设计让某些人感到脑残,这是上层的意思,且不管脑残不脑残..我的责任就是要实现出来,求教~)

------解决方案--------------------
iframe 中可以使用 parent 调用父页面的函数和变量
------解决方案--------------------
在父页面,可以通过frames[0]这种方式访问iframe页里的元素,
例 window.frames[0].document.getElementById("div1").innerHTML = new Date().toString();