html – 在iFrame中跳转链接_html-js-css

概述在一个iframe(在A页)中,我有一个简单的页面(页面B),它有一些跳转链接(例如< a href =“#my-id”> jump link< / a>))到不同的页面部分(第B页). iframe高度预设为长于页面B的高度;这是一个要求. 由于某些原因,跳转链接在FF上无效(我在Mac / FF 10.0.2中);然而,它在Safari和IE8上正常工作.这是sample page. 页码 < 在一个iframe(在A页)中,我有一个简单的页面(页面B),它有一些跳转链接(例如< a href =“#my-ID”> jump link< / a>))到不同的页面部分(第B页). iframe高度预设为长于页面B的高度;这是一个要求.

由于某些原因,跳转链接在FF上无效(我在Mac / FF 10.0.2中);然而,它在Safari和ie8上正常工作.这是sample page.

页码

<!DOCTYPE HTML><HTML><head><Meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8"><Title>Jump link Test on an iframe</Title></head><body><h1>Page that has an iframe</h1><iframe wIDth="100%" height="2000" src="./iframe.HTML" frameborder="0" scrolling="no"></iframe></body></HTML>

iframe.HTML的代码

<!DOCTYPE HTML><HTML><head><Meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8"><Title>iframe Content</Title><style type="text/CSS">.Box {    margin: 0 0 5px;    wIDth: 400px;    height: 400px;}#Box1 {    background-color: #f00;}#Box2 {    background-color: #f0f;}#Box3 {    background-color: #00f;}</style></head><body><ul>    <li><a href="#Box1">Box 1</a></li>    <li><a href="#Box2">Box 2</a></li>    <li><a href="#Box3">Box 3</a></li></ul><div>    <div ID="Box1" ></div>    <div ID="Box2" ></div>    <div ID="Box3" ></div></div></body></HTML>

注意：如果我设置iframe高度<页面B的高度,问题将解决.但是,不幸的是,由于我无法访问page-A,因此我的情况不是一个选择.

解决方法这仅适用于HTML.

你可以在firefox Bug Report Nr. 638598上阅读这个很久以前就提到！还有很多人不喜欢这种行为,但Jonas Sicking says in his comment这样做永远不会改变.他认为,firefox可以防止这种潜在的黑客功能.

如果你不认识他read here that,他就是07年3月在莫西亚的web-api项目的技术负责人,W3C indexeddb和file-api的编辑.

其他人试图找到像Matthew这样的解决方案,但是这个例子在我的HTML结构的简短测试用例中没有起作用. Some others say它应该使用JavaScript和scrollTo()函数.

我很抱歉说这只是firefox的一个限制,但希望你对这个问题的了解很开心.

总结

以上是内存溢出为你收集整理的html – 在iFrame中跳转链接全部内容，希望文章能够帮你解决html – 在iFrame中跳转链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1101206.html