Javascript 使用Chrome扩展创建具有操作的按钮？

我是Chrome扩展的新手，有一些基础知识，但有一点我很困惑。假设我想在网站上添加一个按钮。不是我的网站，我无法控制的东西，比如Facebook。现在我使用JQuery将按钮添加到div的底部。效果很好。但现在我想用这个按钮做点什么，比如显示警报

我有这个工作，但它似乎是错误的方式做它。将myBtn添加到页面后，我将单击处理程序添加到页面主体：

    $("body").append("<script>$('#myBtn').click(function(){alert('hi')})</script>")

---

这同样有效，但似乎是错误的做法。如何向无法控制的页面添加按钮，并为其提供自定义操作？

在添加按钮的同一脚本中，您可以添加单击功能：

$('#myBtn').click(function(){alert('hi')});

---

仅仅因为您在本地将其添加到您无法控制的站点，并不改变浏览器解释此javascript的方式。

您可以直接在扩展javascript中执行此操作，你不需要在页面中额外插入脚本标记。啊，我知道我是在监听器之外添加的，这当然不起作用，这确实起作用，谢谢，看起来好多了。@MichaelAaronSafyan，你能从中得出一个答案吗？嗯，这是一个错误的假设。它确实改变了，因为。但是DOM和DOM事件大部分是共享的，所以这是可行的。