2017-01-18 68 views
1

我一直在試圖開發一個擴展,但這是在我的方式。 這是我manisfest.json谷歌瀏覽器擴展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> 

這是我popup.js

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

雖然沒有什麼提醒。請幫忙。

+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

第一件事我不知道爲什麼用戶名在textarea?

如果你有一個空警報,請注意textarea有不同的行爲來輸入它們的值。

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

但textarea的是不是這樣:

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

但在JavaScript中這兩個作品 '值' 屬性爲你寫的。

如果你有毫無戒備我必須說,你的代碼是真實的(我測試),你必須在此之前的一個問題: window.onload = func...

把警報之前,看看是否可行與否:

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

它並沒有顯示開始謊言的警報也如你所說的嘗試。 –