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

ankeycheng 2013-05-24 03:49:23
如题,我在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里面修改代码,从而使锚点链接可以工作起来呢?
...全文
193 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
叫我三三 2013-05-24
  • 打赏
  • 举报
回复

  <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当锚点
叫我三三 2013-05-24
  • 打赏
  • 举报
回复
看不到
ankeycheng 2013-05-24
  • 打赏
  • 举报
回复
不知道怎么传附件,把它未造成jpg了,把图片下载后,后缀名改为zip就看到内容了。
引用 3 楼 ankeycheng 的回复:
[quote=引用 2 楼 kansousama 的回复:] <a name="#a1">a1</a> 改为 <a name="a1">a1</a>
看附件: [/quote]
ankeycheng 2013-05-24
  • 打赏
  • 举报
回复
引用 2 楼 kansousama 的回复:
<a name="#a1">a1</a>
改为
<a name="a1">a1</a>


看附件:
叫我三三 2013-05-24
  • 打赏
  • 举报
回复
<a name="#a1">a1</a> 改为 <a name="a1">a1</a>
叫我三三 2013-05-24
  • 打赏
  • 举报
回复

<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>
 

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧