popup.html中的按鈕不起作用

Question

我有一個popup.html，我認為這是非常簡單的監聽器事件。

這是我的popup.html：

<!DOCTYPE html>
<html>
<body>
  <button id="button">Starting Now</button>

  <script>
    function blah(){
      alert("blah");
    }

    $(document).ready(function(){ 
      document.getElementById('button').addEventListener("click", blah);
    });
  </script>
</body>
</html>

當我按下按鈕時沒有警報； 我究竟做錯了什么？

Answer 1

從正常的網頁角度來看，您的代碼是可以的，但是根據Chrome擴展程序開發的准則，您需要檢查內容安全政策（CSP），其中指出：

內聯JavaScript將不會執行。 此限制禁止內聯<script>塊和內聯事件處理程序（例如<button onclick="..."> ）。

因此，您可以將腳本代碼放在單獨的.js文件中，然后在html中進行引用，以測試代碼。

正如Xan在有關alert()用法的評論中所建議的那樣：
如果目的只是為了測試按鈕單擊，或者如果您確實想要像這樣的彈出警報，然后創建一個模式對話框，則可以使用簡單的console.log()代替alert() 。

僅供參考 （ 雖然OP可能已經知道了 ）：

由於您使用的是jQuery 請同時檢查有關加載jQuery或其他庫的本指南。

popup.html中的按鈕不起作用

問題描述

1 個解決方案

解決方案1
4 已采納 2015-05-24 05:24:09

popup.html中的按鈕不起作用

問題描述

1 個解決方案

解決方案1 4 已采納 2015-05-24 05:24:09

解決方案1
4 已采納 2015-05-24 05:24:09