我可以在加载 iframe 之前停止它吗？

Question

我有一些网站嵌入了不同的谷歌地图。（iframe）在过去的几个月里我阅读了很多有关数据保护和隐私政策的内容。谷歌地图存在很多风险。 现在我想在加载谷歌地图之前为用户使用验证按钮。

我将使用 jQuery 来做到这一点。 我的想法是从 iframe 中删除 src 并显示警告通知，例如“如果您单击继续，您将接受谷歌地图隐私政策。请参阅此处”

点击按钮后，地图将被加载。

我的解决方案：

1. jQuery -> document.ready -> 循环查找所有 iframe -> 检查谷歌地图 -> 将 src url 保存在变量中或将其写入 iframe 标签的数据标签中 -> 显示警告通知

2. 如果点击按钮，从数据标签或变量中获取src。将其设置为 iframe 的 src 并加载地图。

但是...我不确定它是否足够“快”。 如果有人打开我的网站，我确实需要几秒钟的时间来触发 document.ready 事件，然后再花几秒钟的时间来加载整个网站... iframe 是否有可能加载谷歌地图并在之前发送一些个人数据我的循环从 iframe 中清除 src??????

谢谢您的帮助

Answer 1

HTML：在HTML中，只需定义iframe，最初无需设置src属性。这更干净，避免加载不必要的空页面。

<iframe id="mapFrame"></iframe>

JavaScript (jQuery)：在 jQuery 脚本中，确保仅在用户与验证按钮交互后设置 iframe 的 src 属性。这种方法减少了不必要的资源加载，并通过将加载延迟到需要时来增强用户体验。

$(document).ready(function() {
  // Define the Google Maps URL
  var googleMapsURL = "https://maps.google.com/your-maps-url";

  // Event handler for button click
  $("#validationButton").click(function() {
    // Display the map by setting the Google Maps URL as the iframe's source
    $("#mapFrame").attr("src", googleMapsURL);
  });
 });