可以的，HTML <iframe> 內的腳本（script）是可以與外部的腳本進行通訊的，不過需要注意一些安全性問題。在 <iframe> 內的腳本可以透過以下方式與外部腳本進行通訊： window.parent: 在 <iframe> 內的腳本中，可以使用 window.parent 來訪問包含該 <iframe> 的父級窗口，這樣就可以通過父級窗口的全局對象來進行通訊。 // 在 <iframe> 內的腳本中 window.parent.postMessage('這是從 iframe 來的訊息', '*'); if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 然後，在外部腳本中，可以監聽來自 <iframe> 的訊息： window.addEventListener('message', function(event) { if (event.origin !== 'https://iframe所在的網址') return; // 避免跨域攻擊 // 處理從 <iframe> 來的訊息 console.log('接收到來自 iframe 的訊息：', event.data); }); if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } window.frames: 你也可以使用 window.frames 來直接訪問包含 <iframe> 的窗口，並調用其方法或訪問其屬性。 // 在 <iframe> 內的腳本中 window.frames['frameName'].myFunction(); if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 需要注意的是，跨域通訊可能會受到同源策略的限制，因此需要確保通訊雙方位於相同的源（origin）或已設置適當的跨域通訊策略。並且在設計中要謹慎考慮安全性，以防止潛在的安全風險。

給一個 iframe 範例以下是一個簡單的 HTML <iframe> 範例，包含一個 <iframe> 和一個外部腳本，演示如何在 <iframe> 內的腳本和外部腳本之間進行通信。在這個範例中，我們將在 <iframe> 內的腳本中發送一條訊息，然後在外部腳本中接收並處理該訊息。  <!DOCTYPE html> <html> <head> <title>外部網頁</title> </head> <body> <h1>外部網頁</h1>  <iframe src="iframe.html" id="myIframe"></iframe> <script> // 在外部腳本中，監聽來自 iframe 的訊息 window.addEventListener('message', function(event) { // 確保訊息來自預期的 iframe 網址 if (event.origin !== 'https://example.com') return; // 處理來自 iframe 的訊息 console.log('接收到來自 iframe 的訊息：', event.data); }); // 在外部腳本中，可以向 iframe 發送訊息 document.getElementById('myIframe').contentWindow.postMessage('這是從外部網頁發送的訊息', 'https://example.com'); </script> </body> </html> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }  <!DOCTYPE html> <html> <head> <title>嵌入的網頁</title> </head> <body> <h1>嵌入的網頁</h1> <script> // 在 <iframe> 內的腳本中，可以向外部腳本發送訊息 window.parent.postMessage('這是從 iframe 內部發送的訊息', 'https://外部網頁的網址'); </script> </body> </html> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 這個範例中，外部網頁包含一個 <iframe> 元素，該元素將 iframe.html 載入到內部。外部腳本使用 window.addEventListener 來監聽來自 <iframe> 的訊息，並使用 postMessage 向 <iframe> 發送訊息。在 <iframe> 內的腳本也使用 window.parent.postMessage 向外部腳本發送訊息。請確保將 https://example.com 和 https://外部網頁的網址替換為實際的網址，以避免跨域問題。

HTML <iframe> 內的 script 可以跟外的 script 溝通嗎

萌芽站長

可以的，HTML <iframe> 內的腳本（script）是可以與外部的腳本進行通訊的，不過需要注意一些安全性問題。

在 <iframe> 內的腳本可以透過以下方式與外部腳本進行通訊：

window.parent: 在 <iframe> 內的腳本中，可以使用 window.parent 來訪問包含該 <iframe> 的父級窗口，這樣就可以通過父級窗口的全局對象來進行通訊。

// 在 <iframe> 內的腳本中
window.parent.postMessage('這是從 iframe 來的訊息', '*');

然後，在外部腳本中，可以監聽來自 <iframe> 的訊息：

window.addEventListener('message', function(event) {
  if (event.origin !== 'https://iframe所在的網址') return; // 避免跨域攻擊
  // 處理從 <iframe> 來的訊息
  console.log('接收到來自 iframe 的訊息：', event.data);
});

window.frames: 你也可以使用 window.frames 來直接訪問包含 <iframe> 的窗口，並調用其方法或訪問其屬性。

// 在 <iframe> 內的腳本中
window.frames['frameName'].myFunction();

需要注意的是，跨域通訊可能會受到同源策略的限制，因此需要確保通訊雙方位於相同的源（origin）或已設置適當的跨域通訊策略。並且在設計中要謹慎考慮安全性，以防止潛在的安全風險。

萌芽站長

給一個 iframe 範例

以下是一個簡單的 HTML <iframe> 範例，包含一個 <iframe> 和一個外部腳本，演示如何在 <iframe> 內的腳本和外部腳本之間進行通信。在這個範例中，我們將在 <iframe> 內的腳本中發送一條訊息，然後在外部腳本中接收並處理該訊息。

<!-- index.html（外部腳本） -->

<!DOCTYPE html>
<html>
<head>
  <title>外部網頁</title>
</head>
<body>
  <h1>外部網頁</h1>

  <!-- 創建一個 <iframe> 元素 -->
  <iframe src="iframe.html" id="myIframe"></iframe>

  <script>
    // 在外部腳本中，監聽來自 iframe 的訊息
    window.addEventListener('message', function(event) {
      // 確保訊息來自預期的 iframe 網址
      if (event.origin !== 'https://example.com') return;

      // 處理來自 iframe 的訊息
      console.log('接收到來自 iframe 的訊息：', event.data);
    });

    // 在外部腳本中，可以向 iframe 發送訊息
    document.getElementById('myIframe').contentWindow.postMessage('這是從外部網頁發送的訊息', 'https://example.com');
  </script>
</body>
</html>

<!-- iframe.html（在 <iframe> 內的網頁） -->

<!DOCTYPE html>
<html>
<head>
  <title>嵌入的網頁</title>
</head>
<body>
  <h1>嵌入的網頁</h1>

  <script>
    // 在 <iframe> 內的腳本中，可以向外部腳本發送訊息
    window.parent.postMessage('這是從 iframe 內部發送的訊息', 'https://外部網頁的網址');
  </script>
</body>
</html>

這個範例中，外部網頁包含一個 <iframe> 元素，該元素將 iframe.html 載入到內部。外部腳本使用 window.addEventListener 來監聽來自 <iframe> 的訊息，並使用 postMessage 向 <iframe> 發送訊息。在 <iframe> 內的腳本也使用 window.parent.postMessage 向外部腳本發送訊息。請確保將 https://example.com 和 https://外部網頁的網址 替換為實際的網址，以避免跨域問題。