Question

<html>
    <input id="form_input_1">
    <input id="form_input_2">
    <button id="form_button">Calculate</button>
    <div id="div_1"></div>
</html>

我将chrome扩展名设为“browser_action”。

我想在弹出窗口中执行此操作：

<script>
    var num1 = document.getElementById('form_input_1').value;
    var num2 = document.getElementById('form_input_2').value;

    var answer = num1 + num2;

    document.getElementById('div_1').innerHTML = answer;
</script>

但我尝试的一切都让我不断收到错误：

拒绝运行内联事件处理程序
拒绝执行......
无法阅读资产

我已经完成了6年的网络开发，我知道这是一个愚蠢的问题，但有没有人有参考或知道我在哪里可以看到类似的东西。

我尝试检查stackoverflow和google，但我找到的只是有关更改页面或标签的信息。我只是想改变弹出窗口。

我已花了5个小时，我可以使用一些好的线索。

奇怪的是，我从来没有使用过java，而且我在2小时内制作了一个应用程序来完成同样的事情，所以我确定我错过了一些非常简单的东西。

如果你看到任何内容，抱歉我的英语，高兴的编辑语法。

Answer 1

wOxxOm回答了这个问题。

我使用的是DOMContentLoaded，但由于某种原因，它仍然无效。

在接受他的建议后，将js文件移到popup.html的底部，一切正常。

<html>
<body>
    <input id="form_input_1">
    <input id="form_input_2">
    <button id="form_button">Calculate</button>
    <div id="div_1"></div>
</body>
<script src="popup.js"></script>
</html>

注意：我在Windows上尝试了我的旧代码，但这个解决方案适用于Windows和Linux。此外，当我打包扩展时，旧代码适用于Linux。我不知道为什么会这样。

感谢大家的帮助，尽管这是一个愚蠢的问题！

Chrome扩展程序browser_action表单

1 个答案: