Question

我有一些简单的HTML代码：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>iframe Practice</title>
  </head>
  <body>
    <div>
      <iframe src="//embed.gettyimages.com/embed/183351352?et=dbA2ZDFzQUqFbu8nRMfGww&sig=ozPqnsmwjm88sptsMM2UVS70lzd2ci-9q27BF6R0TzU=" width="507" height="407" frameborder="0" scrolling="no"></iframe>
    </div>
  </body>
</html>

当使用.html扩展名保存并在多个浏览器中打开时，我收到一条消息“无法找到文件或目录”。这是一个非常愚蠢的问题，有人可以帮我解决这个问题吗？

谢谢！

Answer 1

您正在使用方案相对URI（以//开头的那个）。

这会保留当前方案，因此如果您在http:或https:上托管的文档中查看内容，则会加载内容（如果您尝试加载{{}，通常会出现安全错误1}}将文档转换为https:文档，反之亦然。）

您似乎没有使用网络服务器，因此您尝试通过http:访问该文档，但该文档不可用。

您可以使用显式方案（将file:替换为//），也可以在Web服务器上进行测试（可以在开发系统上安装）。

我通常建议选择后一个选项，当您在http://上测试文档并使用开发服务器绕过它们时，会出现许多问题。

Answer 2

"//embed...元素iframe属性src中的http://embed...只需<iframe src="http://embed.gettyimages.com/embed/183351352?et=dbA2ZDFzQUqFbu8nRMfGww&sig=ozPqnsmwjm88sptsMM2UVS70lzd2ci-9q27BF6R0TzU=" width="507" height="407" frameborder="0" scrolling="no"></iframe>。

{{1}}

Answer 3

您是否尝试使用file：// xxxxxxx在本地加载文件您无法以这种方式加载和iframe，您需要使用Web服务器运行它

为什么<iframe>对我不起作用？</iframe>

3 个答案: