0

我正在使用 HTML 和 JavaScript 编写最简单的 Chrome 扩展程序，但显然 JavaScript 不起作用，我不知道为什么。这是我的 HTML 代码：

<script>
    function myFunction()
    {
    alert("I am an alert box!");
    }
  </script>
  <input type="button" onclick="myFunction()" value="Show alert box">

这是我的 manifest.json 文件代码：

{
  "name": "Blank new tab page",
  "version": "0.2",
  "incognito": "split",
  "chrome_url_overrides": {
    "newtab": "blank.html"
  },
  "manifest_version": 2
}
4

1 回答 1

0

您的 HTML DOCTYPE 是过渡性的吗？如果不是，也许您的代码应该看起来更像：

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<body>
  <input type='button' value='Show alert box' onclick='myFunction()' />
  <script type='text/javascript'>
    function myFunction(){
      alert('I am an alert box!');
    }
  </script>
</body>
</html>

当然，我重新安排了它。您的代码应该可以工作。我个人建议您的代码看起来更像：

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<body>
  <input type='button' value='Show alert box' id='btn' />
  <script type='text/javascript' src='external.js'></script>
  <script type='text/javascript'>
    showAlert('btn');
  </script>
</body>
</html>

external.js将被缓存。它看起来像：

function E(e){
  return document.getElementById(e);
}
function showAlert(e){
  E(e).onclick = function(){
    alert('I am an alert box!');
  }
}

后面的代码更可重用，并且会让您了解 jQuery 的$(). E()这是我的功能的一个更复杂的版本。

于 2013-06-28T02:21:48.420 回答