3

無法觸發警報()彈出用的onclick()事件Chrome擴展:的onclick()事件並未觸發警報()彈出

代碼:

manifest.json的:

{ 
"name": "Project", 
"version": "1.0.0", 
"manifest_version": 2, 
"description": "Popup when website requires Log in", 
"browser_action":{ 
    "default_icon":"icon_19.png", 
    "default_popup":"Popup.html" 
    } 
} 

彈出html的:

<html> 
<head></head> 
<body> 
<div class="plus" onclick="popup()"></div> 
<script src="inline.js"></script> 
</body> 
</html> 

inline.js:

function popup() { 
var link = document.URL; 
alert("This is the Link : (" +link+ ")"); 
} 
+0

不要使用任何內嵌代碼,這一切都移動到外部文件。這也包括'onclick'。 – BeardFist

+0

@BeardFist非常感謝。我怎樣才能得到網站的網址?它只是顯示popup.html的網址 – anandh199g

+0

您可以使用['chrome.tabs.query'](http://developer.chrome.com/extensions/tabs.html#method-query)'active:true'獲取當前標籤,然後使用'tab.url'獲取url。 – BeardFist

回答

4

不要在Chrome擴展中使用嵌入式Javascript。

HTML:

<div class="plus"></div> 
<script src="inline.js"></script> 

JS:

function popup(e) { 
    var link = document.URL; 
    alert("This is the Link : (" +link+ ")"); 
} 

var plusBtn = document.querySelector('.plus'); 
plusBtn.addEventListener('click', popup); 
+0

非常感謝 – anandh199g