个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一些要加载到 iframe 中的 html 内容。我正在通过 srcdoc 加载 html 内容属性。不幸的是，当在 iframe 中跟踪 anchor 标记链接时，它会在 iframe 中加载整个页面，而不是滚动到具有链接 ID 的标记。
演示问题的 JSFiddle:https://jsfiddle.net/kzLdqjgs/5/
我可以使用 src="data:text/html,<p>my html</p>" 让 anchor 标签工作但我很好奇为什么它不与 srcdoc 一起使用。此外，某些实现的 src 属性显然限制为 32,768 个字符，而我尝试加载的内容长度超过 60k 个字符(尽管这在 Chrome 中似乎可以正常工作)。
最佳答案
我找到了href="about:srcdoc#some_id在 iframe srcdoc 中可以工作(至少在 Chrome 中，我没有在其他浏览器中测试它)。
来自维基百科:
about:srcdoc: A reserved, though unresolvable, URI defined within HTML5 intended to be the URI navigated to within iframes whose content comes from the srcdoc attribute.
关于javascript - 如何使 iframe `srcdoc` 中的 href anchor 真正起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42475012/
25
4
0
如下图所示，我在 div#email_content 中使用 iframe 来显示电子邮件内容的准确预览。我正在尝试使用 srcdoc 属性在 iframe 中加载电子邮件内容。这里的电子邮件内
一般来说，我反对使用 iframe，但它解决了我的一个特殊问题。 问题是我在网页上有一个 tinyMCE 编辑器。用户使用此编辑器制作内容后，内容将作为 HTML 发送到 Web 应用程序。此内容然后
我在 Angular 组件中使用 iframe，并且在使用 src 属性加载网站时，样式和内容都非常好。当尝试使用 srcdoc 属性将静态 html 作为字符串加载时，似乎只有 HTML 正在呈现。
我正在使用 Angular 2 和 angular-cli，我想添加 srcdoc polyfill 来支持 Microsoft Edge。所以: 我添加到 package.json https://
根据spec引号必须转义，即代替: Yeah, you can see it in my gallery."> 我们应该使用: Yeah, you can see it in my gallery."
我从服务器解析了一堆电子邮件，现在我想在网页上显示它们。我得到了他们的 HTML 内容，我认为 IFrame 是显示电子邮件的最简单方式，因为它们应该被显示。 但是， 给我以下 AngularJS
我正在使用 iframe 来显示 html 文档。我需要检测 iframe 中的滚动事件。使用 src= 工作正常，但 srcdoc= 不会触发滚动事件。 HTML: ... " class="fo
哪个 PHP 函数适合转义 HTML 以便在 中使用？ 我找到了两个候选人:htmlspecialchars()和 htmlentities() .应该使用哪一个来允许任何正确转义可能的 HTML
哪个 PHP 函数适合转义 HTML 以便在 中使用？ 我找到了两个候选人:htmlspecialchars()和 htmlentities() .应该使用哪一个来允许任何正确转义可能的 HTML
如果我有一个 html 文件 A.html，其中包含从另一个文件夹中的外部 js 文件 A.js 加载的 js 代码。 js 代码创建一个 iframe，其 srcdoc 属性中包含 html '>
我正在尝试解决 Chrome 的跨源问题，该问题是通过具有 src 属性的 iFrame 标记产生的，其中包含数据 uri。我想知道我是否可以使用 srcdoc 属性解决这个问题。这就是为什么我对 s
我有一些要加载到 iframe 中的 html 内容。我正在通过 srcdoc 加载 html 内容属性。不幸的是，当在 iframe 中跟踪 anchor 标记链接时，它会在 iframe 中加载整
我正在开发 Flask 网络应用程序。它有两个并排的 iframe 并访问一个 csv 文件。该文件包含 url，通过使用 selenium .page_source()，将使用 srcdoc 加载到
我想使用 srcdoc 中的 html 调整 iframe 的高度，我选择使用 iframe-resizer图书馆。但是 iframe 永远不会调整大小，也永远不会调用回调。 HTML : TEST
我正在尝试为实时文本编辑器实现“亮/暗模式”功能，但是由于使用了 srcdoc，iframe 刷新并删除了通过 JQuery 应用到它的任何 CSS。我希望能够将 CSS 保留在 iframe 的内容
根据 HTML5 官方规范，他们声明: When an iframe element is removed from a document, the user agent must discard t
如果我在 srcdoc 属性中传递 html，则无法调用 postMessage 没有 sandbox = "allow-scripts"，它给出以下错误 无法在“DOMWindow”上执行“post
我正在使用 iframe 来显示我的 htmlResponse(angularjs 嵌入 html)。在android 4.4及以上版本中可以正常工作。但在较低版本中它不会被渲染。这就是我在 html
同页链接通过引用另一个具有 id="sec-id" 的元素来工作在同一页面上，使用 例如。这样的链接是相对的。 但是，如果我在我的 LaTeX.js playground 的 iframe 中使用完
例如，它们之间的区别是什么: Some HTML"> Some HTML"> Demo 而且，如果它们完全相同，为什么 HTML5 添加 srcdoc 属性？ 编辑 可能是我说的不够清楚。我没有将 s
我是一名优秀的程序员,十分优秀！