如何在iframe`srcdoc`中使href锚实际起作用

jac*_*ack 6 html javascript css iframe

我在iframe中加载了一些html内容。我通过srcdoc属性加载html内容。不幸的是,当跟随iframe中的定位标记链接时,它会将整个页面加载到iframe中,而不是滚动到带有链接ID的标签。

演示问题的JSFiddle:https ://jsfiddle.net/kzLdqjgs/5/

我可以使用锚标签,src="data:text/html,<p>my html</p>"但是我很好奇为什么它与srcdoc不兼容。此外,某些实现的src属性显然有32,768个字符的限制,我尝试加载的内容的长度超过6万个字符(尽管在Chrome浏览器中似乎可以正常工作)。

Dis*_*Tom 8

我发现href="about:srcdoc#some_id在 iframe srcdoc 中可以工作(至少在 Chrome 中,我没有在其他浏览器中测试它)。

来自维基百科:

about:srcdoc:在 HTML5 中定义的保留但无法解析的 URI,旨在作为内容来自 srcdoc 属性的 iframe 内导航到的 URI。

请参阅此处的链接