html - 为什么 <iframe> 不能为我正常工作？

我有一些简单的 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 扩展名保存并在多个浏览器中打开时，我收到一条消息“找不到文件或目录”。这是一个非常愚蠢的问题，有人可以帮我解决这个问题吗？

谢谢!

最佳答案

您正在使用方案相对 URI(以 // 开头的 URI)。

这会保留当前方案，因此如果您在 http: 或 https: 上托管的文档中查看内容，将会加载内容(通常您会收到安全错误如果您尝试将 https: 文档加载到 http: 文档中，反之亦然)。

您似乎没有使用网络服务器，因此您正试图通过 file: 访问文档，但它不可用。

您可以使用显式方案(将 // 替换为 http://)或在 Web 服务器上进行测试(您可以在开发中安装一个系统)。

我通常建议选择后一个选项，当您在 file: 上测试文档时会出现很多问题，而使用开发服务器可以绕过所有这些问题。

关于html - 为什么 <iframe> 不能为我正常工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22481689/