嵌入跨域iframe框架的页面，如何让其锚点链接可用？

如题，我在a.com下面有个index.html
<!DOCTYPE html>
<html>
 <body>
  <iframe id="iframe" height="4000" width="1000" src="http://b.com/iframe.html"></iframe>
 </body>
</html>
这里面嵌入了b.com的iframe.html
<!DOCTYPE html>
<html>
 <head>
  <style type="text/css">
   div {
    height: 500px;
    width: 500px;
    background: #a00;
    margin: 100px;
   }
  </style>
 </head>
 <body>  <a href="#a1">goto a1</a>
  <a href="#a2">goto a2</a>

  <div id="a1">a1</div>
  <div id="a2">a2</div> </body>
</html>
当我在父页面index.html点击iframe里面的goto a1, goto a2链接时，是没有反应的。现在问题是如何在不更改父页面index.html的任何代码的情况下，在iframe.html里面修改代码，从而使锚点链接可以工作起来呢？HTML框架iframejavascript

解决方案 »

  1.   


    <a href="#a1">goto a1</a>
    <a href="#a2">goto a2</a>
         
    <div id="a1">
    <a name="#a1">a1</a></div>
    <div id="a2">
    <a name="#a2">a2</a>
    </div>
     
      

  2.   

    <a name="#a1">a1</a>
    改为
    <a name="a1">a1</a>
      

  3.   

    不知道怎么传附件，把它未造成jpg了，把图片下载后，后缀名改为zip就看到内容了。
    看附件：
      

  4.   


      <a href="#a1">goto a1</a>
      <a href="#a2">goto a2</a>
         
      <div id="a1">
    <a name="a1">a1</a>
     
    </div>
    <div id="a2">
    <a name="a2">a2</a>
    </div>
    id到锚点只能在个别浏览器里能行。
    name当锚点是正规的。
    还有你用的是html5规范，html5貌似不支持id当锚点