我想使用图像作为按钮 (setting.png)，然后单击在新选项卡中打开 URL。
我的popup.html:
<html>
<head>
<style>
</style>
</head>
<body>
<a href = "http://google.com" id="link"><img src="setting.png" width="30px" height="auto"></a>
<script src ="javascript.js"></script>
</body>
</html>
manifest.json:
{
"manifest_version": 2,
"name": "",
"options_page": "options.html",
"background": {
"scripts": [
"background.js"
]
},
"description": "",
"version": "1.5",
"offline_enabled": true,
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"icons": { "16": "icon16.png",
"32": "icon32.png",
"48": "icon48.png",
"64": "icon64.png",
"128": "icon128.png" },
"permissions": [
"activeTab",
"https://ajax.googleapis.com/",
"storage",
"tabs"
]
}
javascipt.js:
window.addEventListener('click',function(e){
if(e.target.href!==undefined){
chrome.tabs.create({url:e.target.href})
}
})
因此，当我单击图像时，我想在新选项卡中打开 URL。谢谢!
最佳答案
- Chrome 在
event.target中设置最里面的被点击元素，即图像。 - 不需要
click处理程序，只需使用链接的target="_blank"属性即可:
<a href="http://google.com" id="link" target="_blank">
附注如果出现问题请始终使用 debugger 查看实际发生的情况(在单击处理程序中设置断点、单击链接、检查参数等)。
关于javascript - 如何从 Chrome 扩展程序中的新选项卡中打开 URL？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34179209/