如何取出 iframe 对象 中的SRC

要获取 iframe 对象中的 `src` 属性，您可以使用以下代码：

var iframe = document.getElementById("myIframe");
var src = iframe.src;

console.log(src);

在上面的代码中，我们通过 `document.getElementById` 方法获取了具有指定 id 的 iframe 对象，并将其存储在 `iframe` 变量中。然后，我们可以通过访问 `iframe.src` 属性来获取 iframe 的 `src` 属性值，并将其赋值给 `src` 变量。

最后，我们通过使用 `console.log` 将 `src` 的值输出到控制台，以便您可以查看它。

请确保将 `"myIframe"` 替换为您实际使用的 iframe 元素的 id。

相关问题

js获取iframe src中的参数

在JavaScript中，如果你想要从嵌入的`<iframe>`元素中获取src（源）属性的查询字符串参数，你可以使用DOM操作配合URLSearchParams API。以下是一个简单的示例：

// 获取iframe元素
var iframe = document.getElementById('your_iframe_id'); // 替换为实际的ID

// 检查iframe是否存在并且加载完成
if (iframe.contentWindow && iframe.contentDocument) {
  // 使用window对象访问iframe内的location对象
  var iframeLocation = iframe.contentWindow.location;

  // 如果iframe地址包含查询参数，解析并获取参数
  if (iframeLocation.search) {
    var params = new URLSearchParams(iframeLocation.search);
    console.log(params); // 这将打印出所有参数
    // 要获取特定参数，例如name，可以这样：
    var paramValue = params.get('name');
    console.log(paramValue);
  }
}

在这个例子中，我们首先通过id找到`<iframe>`元素，然后检查它是否已经加载完毕。如果可以，我们获取其`location`对象，并从中提取查询字符串，进一步解析成`URLSearchParams`对象，以便检索参数值。

iframe当通过这种方式加载页面时，data参数通常不会直接显示在iframe的源地址上，而是作为查询字符串的一部分传递给目标URL如何获取查询字符串的值

当你通过`src`属性以查询字符串形式传递`data`参数到iframe的目标URL时，获取iframe内部页面的查询字符串值，可以采用JavaScript的方式来操作。以下是一个简单的例子：

// 获取iframe元素
var iframe = document.getElementById('iframe');

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 当iframe加载完成后执行
xhr.onload = function() {
  if (xhr.status === 200) { // 确保请求成功
    var response = xhr.responseText; // 获取iframe文档的内容
    // 使用正则表达式提取查询字符串中的"data"参数
    var params = new URLSearchParams(window.location.search);
    var dataValue = params.get('data'); // 获取'data'参数的值
    console.log(dataValue); // 打印出'data'的值
  }
};

xhr.open("GET", iframe.src, true); // 发送GET请求
xhr.send(); // 发送请求

上述代码会在iframe完成加载后，从响应文本中找到目标页面的URL，然后通过`URLSearchParams`对象来获取查询字符串中的`data`参数。