嵌入iframe获取iframe的console.log

获取iframe的console.log可以通过以下步骤实现：
1. 获取iframe节点：var iframe = document.getElementById("iframe1");
2. 获取iframe的window对象：var iwindow = iframe.contentWindow;
3. 获取iframe的document对象：var idoc = iwindow.document;
4. 在控制台输出iframe的内容：console.log(idoc.documentElement.innerHTML);
需要注意的是，由于同源策略的限制，如果iframe的源与父页面的源不同，将无法获取到iframe的内容。此时需要使用postMessage等跨域通信方式来实现。

相关问题

iframe.contentWindow, 获取iframe的window对象iframe.contentDocument, 获取iframe的document对象

在JavaScript中，`iframe.contentWindow` 和 `iframe.contentDocument` 是用来与嵌套在父页面内的IFrame（内联框架）进行交互的重要属性。这些属性允许你访问到IFrame内的窗口和文档对象，以便于操作其内容。

1. `iframe.contentWindow`[^4]: 这个属性返回的是嵌入在IFrame中的页面的全局窗口对象。你可以通过这个窗口对象来访问IFrame中的所有全局变量、函数和DOM元素，就像它们是在IFrame的主窗口中一样。例如：

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
console.log(iframeWindow.document.body); // 输出IFrame的body元素

2. `iframe.contentDocument`[^4]: 这个属性返回的是IFrame中的完整HTML文档对象。这意味着你可以通过它来访问和操作IFrame内的HTML结构，如创建节点、修改样式等：

var iframeDoc = iframe.contentDocument;
var iframeElement = iframeDoc.getElementById('someElement'); // 获取IFrame内的特定元素
iframeElement.style.color = 'red'; // 修改IFrame内元素的颜色

请注意，这两个属性仅适用于同源策略允许的情况，即如果嵌入的IFrame是从同一个域加载的。对于跨域的IFrame，由于安全限制，你可能无法直接访问其window或document对象。

<iframe src={`./lookMS/index.html?jwt=12`} 如何传参 在子页面获取jwt

在JavaScript中，如果你想要在`<iframe>`标签中传递参数并让子页面（即嵌入的`index.html`页面）能够访问这些参数，特别是JWT（Json Web Token），你可以这样做：

1. **设置查询字符串**: 将JWT作为查询字符串附加到`src`属性中。例如：

   <iframe src="./lookMS/index.html?jwt=<your.jwt.token>" title="子页面"></iframe>

这里 `<your.jwt.token>` 应替换为实际的JWT值。

2. **子页面获取参数**:
子页面通过JavaScript可以获取URL中的查询参数。在`index.html`文件中，可以使用以下代码片段来获取`jwt`参数：

   var urlParams = new URLSearchParams(window.location.search);
   var jwtToken = urlParams.get('jwt');
   console.log(jwtToken); // 打印 JWT 值

这会允许你在子页面上直接读取`jwt`参数。但是需要注意的是，这种方式传递的信息是公开的，不适合敏感数据如JWT。在实际应用中，可能会考虑使用POST请求、Local Storage或Session Storage等更安全的方式来传递和存储JWT。