2017-01-18 5 views
1

私は拡張機能を開発しようとしていましたが、これは私の方法になっています。 これは私のmanisfest.jsonGoogle Chrome拡張機能onclickアラート機能エラー

{ 
    "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> 

され、警告するためには何もありませんが、これは

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

私popup.jsです。助けてください。

+1

あなたは空のアラートまたはまったくのアラートを取得していますか? – M3ghana

+1

コンソールにエラーが表示されるのはなぜですか? –

+0

私は単にアラートやエラーも受け取っていません。クロムコンソールは、いくつかのエラーを示していますが、私はそれが私たちに関連していないと信じています。 –

答えて

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> 
0

最初のことは、ユーザー名がテキストエリアにある理由がわかりません。

空白のアラートがある場合は、テキストエリアの値が異なる動作をしていることに注意してください。

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

が、テキストエリア、このようにされていません。

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

をしかし、あなたが書いているの両方が「の値」プロパティによってJavaScriptで動作します。

そして、あなたは無警戒を持っている場合、私はあなたのコードが真実であることを言わなければならない(私がテストした)、あなたはこの前に問題を持っている: window.onload = func...

それが動作するかどうかを確認するために前に警告を置きます:

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

それは試しに言ったように、最初のアラートを表示していません。 –

関連する問題