如何从嵌入的iFrame（iframe）元素中提取其父页面的URL？

在JavaScript中，如果你想从嵌套在`<iframe>`标签内的内容中获取其父页面（即包含`<iframe>`的页面）的URL，通常这是不可能的，因为浏览器出于安全原因限制了跨源通信（CORS）。但是，如果你能控制父页面并允许通过`postMessage` API，可以尝试以下方法：

// 父页面 (包含 iframe 的页面)
window.onload = function() {
  var iframe = document.getElementById('your_iframe_id');
  if (iframe.contentWindow) { // 如果 iframe 已经加载完成
    iframe.contentWindow.postMessage({ action: 'getParentUrl' }, '*'); // 发送消息到 iframe
  } else {
    window.addEventListener('message', function(event) {
      if (event.origin !== 'http://your-parent-page-url.com') return; // 检查来源是否可信
      if (event.data.action === 'getParentUrl') { // 检查消息类型
        console.log('Parent URL:', event.origin);
      }
    });
  }
};

// 如果在 iframe 内部
window.parent.postMessage({ action: 'sendToParent', parentUrl: location.href }, '*');

在 iframe 内部，你需要发送一个消息给父窗口，并提供父页面的 URL。然后，在父页面上监听这个消息，并从中提取 `parentUrl`。

注意，这仅适用于同源策略允许的情况，如果不同源，则会受到限制。此外，这种方法依赖于双方都支持`postMessage`，并且父页面需要设置正确的`origin`接受消息。