bootstrap 中ifram 传值

要在 Bootstrap 的 `<iframe>` 中传递值，可以使用 URL 参数或 JavaScript 通信。

1. 使用 URL 参数

您可以将参数作为 URL 的查询字符串添加到 `<iframe>` 的 `src` 属性中。然后，在 Linux 操作页面中，您可以使用 JavaScript 获取 URL 参数并将其用于页面功能。

以下是一个示例代码：

<iframe src="your-linux-page-url?param1=value1&param2=value2" width="100%" height="500"></iframe>

在上述代码中，`param1` 和 `param2` 是 URL 参数名称，`value1` 和 `value2` 是它们的值。您可以根据需要添加更多的参数。

在 Linux 操作页面中，您可以使用 JavaScript 获取 URL 参数。例如，以下代码将获取名为 `param1` 的参数的值：

var param1 = new URLSearchParams(window.location.search).get('param1');

2. 使用 JavaScript 通信

如果您需要在 `<iframe>` 中的页面和父页面之间进行更复杂的通信，您可以使用 JavaScript 的 `postMessage()` 方法。该方法允许您在两个窗口之间传递消息。

以下是一个示例代码：

在父窗口中：

<iframe id="my-iframe" src="your-linux-page-url" width="100%" height="500"></iframe>
<script>
  var iframe = document.getElementById('my-iframe');
  iframe.contentWindow.postMessage('Hello from parent', '*');
</script>

在 Linux 操作页面中：

<script>
  window.addEventListener('message', function(event) {
    if (event.origin !== 'http://your-parent-site.com') {
      return;
    }
    console.log('Message received from parent: ' + event.data);
    event.source.postMessage('Hello from Linux page', event.origin);
  });
</script>

在上述代码中，父窗口使用 `contentWindow` 属性获取 `<iframe>` 的窗口对象，并使用 `postMessage()` 方法向其发送消息。在 Linux 操作页面中，使用 `window.addEventListener()` 方法监听 `message` 事件，并在事件处理程序中使用 `event.data` 获取来自父窗口的消息。然后，使用 `event.source.postMessage()` 方法向父窗口发送回复消息。

请注意，使用 `postMessage()` 方法可能存在一些安全风险，因此请确保您的网站和应用程序已经采取了必要的安全措施。