Javascript 创建chrome扩展时遇到问题

我已经成功地创建了一个chrome扩展，只要按下它就可以说hello word。现在，当我试图演示一个简单的按钮，当按下警报出现时，它不起作用。我在想，这可能是因为我在里面使用javascript，并且它有html扩展

在chrome中加载的我的文件夹中 a） manifest.json b） lab.html c） 偶像

lab.html

<textarea id="s" rows="2" cols="4" name="p"></textarea></br>

<button onclick="button()">Submit</button>

<script>
function button()

{
   alert("alert");
}
</script>

---

尝试重新格式化javascript：

function button(){
    alert('alert');
}

然后，让我们在页面加载后立即调用函数，以确保它正常工作

这样做：

function button(){
    alert('alert'); 
}
button(); //call it immediately

---

让我知道进展如何

您无法执行内联JavaScript，因为。报告中有其他细节

基本上，您必须将JavaScript拉入另一个文件中

// script.js

function button()
{
   alert("alert");
}

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('button').addEventListener('click', button);
});

---

我还需要看看你的manifest.json。您的扩展是内容脚本、浏览器操作还是页面操作？好的，请查看editbrowser操作，如您所见，当您单击图标并显示lab.html时。。。。你点击按钮，什么也没发生？或者lab.html甚至没有出现？是的，它确实出现了，但没有发生什么事，还是没有运气，我在想。。也许我的文件是html扩展名，而不是用js扩展名创建文件，因为里面包含javascript，这不是我在看到这篇文章后所做的html，但无论如何还是要感谢你

// script.js

function button()
{
   alert("alert");
}

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('button').addEventListener('click', button);
});