Question

我一直在尝试开发一个扩展程序，但这会妨碍我。这是我的manisfest.json

{
    "manifest_version":2,
    "name":"erp",
    "version":"1.0",
    "permissions":["storage"],
    "browser_action":{
        "default_popup":"popup.html"
    }
}

这是我的popup.html

<!DOCTYPE html>
<html>
<head>
    <script scr="popup.js"></script>
</head>
<body>
    <textarea id="username"></textarea><br>
    <!--<input type="password" name="password" id="password"><br>
    <input type="button" id="show" value="Show saved Data">-->
    <input type="button" id='save' value="Save"><br>

</body>
</html>

这是我的popup.js

window.onload = function(){
    document.getElementById('save').onclick = function(){
        var user = document.getElementById('username').value;
        alert(user);
}}

虽然没有什么值得警惕的。请帮忙。

Answer 1

首先我不知道为什么用户名是textarea？

如果您有空警报，请注意textarea在其值中输入的行为不同。

<input type="text" value="value">

但textarea不是这样的：

<textarea id="username">value</textarea>

但是当你写作时，两者都在'value'属性的javascript中工作。

如果你有没有提醒，我必须说你的代码是真的（我测试过），你之前遇到问题： window.onload = func...

在发出警报之前，看看它是否有效：

alert('Code is true until here');
window.onload = func...

Answer 2

您刚刚拼错了src属性。

您的密码：

<!DOCTYPE html>
<html>
<head>
    <script scr="popup.js"></script>
</head>
<body>
    <textarea id="username"></textarea><br>
    <!--<input type="password" name="password" id="password"><br>
    <input type="button" id="show" value="Show saved Data">-->
    <input type="button" id='save' value="Save"><br>

</body>
</html>

正确代码：

<!DOCTYPE html>
<html>
<head>
    <script src="popup.js"></script>
</head>
<body>
    <textarea id="username"></textarea><br>
    <!--<input type="password" name="password" id="password"><br>
    <input type="button" id="show" value="Show saved Data">-->
    <input type="button" id='save' value="Save"><br>

</body>
</html>

Google Chrome扩展程序onclick警报功能错误

2 个答案: