iframe里不同连接的跳转

﹏ヽ暗。殇╰゛Y 2022-07-14 10:16 198阅读 0赞

a页面中嵌套了iframe。要在点击iframe中的不同按钮时，跳转到相应的页面，a页面的url="[www.aaa.com/xx/a.jsp][www.aaa.com_xx_a.jsp]"  
b页面为“www.bbbb.com/yy/b.jsp”.

a.JSP页面  
<body>  
 <iframe src="[www.bbbb.com/yy/b.jsp][www.bbbb.com_yy_b.jsp]" width="100%" height="100px" frameborder="0" scrolling="no"></iframe>  
 <div id="main"></div>  
 <iframe src="<%=bottomSrc %>" width="100%" height="150px" frameborder="0" scrolling="no"></iframe>  
</body>

b.jsp页面：  
<body>  
<div class="w">  
    <div class="header\_w">  
      <h1 class="logo">  
        <a href=""><img src="<%=path %>/r/cms/www/jiapei\_pc/images/logo.png" /></a>  
      </h1>  
      <div class="phone"><img src="<%=path %>/r/cms/www/jiapei\_pc/images/phone.png" />  
      </div>  
    </div>  
  </div>  
  <div class="nav">  
    <div class="w">  
      <ul>  
        <li>  
          <a target="\_parent" href="<%=path %>">网站首页</a>  
        </li>  
        <li>  
          <a target="\_parent" href="<%=path %>/%E6%95%99%E5%AD%A6%E5%A4%A7%E7%BA%B2/index.jhtml">教学大纲</a>  
        </li>  
        <li>  
          <a target="\_parent" href="<%=path %>/%E6%94%BF%E7%AD%96%E6%B3%95%E8%A7%84/index.jhtml">政策法规</a>  
        </li>  
        <li>  
          <a  target="\_parent" href="<%=path %>/%E9%80%9A%E7%9F%A5%E5%85%AC%E5%91%8A/index.jhtml">通知公告</a>  
        </li>  
        <li>  
          <a target="\_parent" href="<%=path %>/%E5%AE%A2%E6%9C%8D%E4%B8%AD%E5%BF%83/index.jhtml">客服中心</a>  
        </li>  
        <li>  
          <a target="\_parent" href="<%=path %>/jp/htm/gywm.jsp">关于我们</a>  
        </li>  
      </ul>  
    </div>  
  </div>  
</body>

实现：开始自己琢磨着添加click事件实现，可是由于是跨域的，click事件没任何反应，搞了半天，问了下公司高人，只需要在b页面中的a标签里加上属性target即可。

[www.aaa.com_xx_a.jsp]: http://www.aaa.com/xx/a.jsp
[www.bbbb.com_yy_b.jsp]: http://www.bbbb.com/yy/b.jsp