JavaScript類似功能無法正常工作

Question

我需要制作3個按鈕來打開類似的窗口。

在我的index.html中，如下

<li><button type="button" onclick="openBeep()">Beep</button></li>
<li><button type="button" onclick="openFlash()">Flash</button></li>
<li><button type="button" onclick="window.open()">Indexing</button></li>

我的openBeep（）

function openBeep() {
  var w = window.open(''),
    button = w.document.createElement('button');
  button.innerHTML = 'Start Test';

  button.addEventListener('click', function () {
    w.alert('!');
  });

  var container = w.document.createElement('div');
  container.id = 'buttonParent';


  w.document.body.appendChild(container);
  container.appendChild(button);
}

該腳本運行良好，如果我將所有onclicks替換為openBeep，它們都將打開新窗口..盡管本質上是相同的，但openFlash卻不執行任何操作。

function openFlash() {
  var x = window.open(''),
    button = x.document.createElement('button');
  button.innerHTML = 'Start Test';

  button.addEventListener('click', function () {
    x.alert('!');
  });

  var container = x.document.createElement('div');
  container.id = 'buttonParent';


  x.document.body.appendChild(container);
  container.appendChild(button);
}

Answer 1

入門Javascript程序員的快速提示：始終確保您打開了檢查器/開發人員工具。 在大多數瀏覽器中，可以使用F12打開它。

然后，在控制台中監視所有錯誤。 就像您的問題（您自己解決了;-)一樣，您會看到一條錯誤消息，指出找不到該函數。