我正在制作一个 Chrome 扩展，并且有多个按钮可以打开不同的选项卡。不幸的是，由于某种原因，当我单击 Seqta 按钮时，它会打开该选项卡 3 次，而对于数学书，它会打开该选项卡两次。我不确定出了什么问题，但我已将 html 和 javascript 放在下面。
HTML
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color: #263238;
width: 300px;
height: 500px;
}
</style>
</head>
<body>
<div id="buttons">
<div id="buttonDivSEQTA">
<button type="button" class="button" id="seqta" >Seqta</button>
<script src="popup.js"></script>
</div>
<div id="buttonDivMATH">
<button type="button" class="button" id="maths">Maths Textbook</button>
<script src="popup.js"></script>
</div>
<div id="buttonDivHASS">
<button type="button" class="button" id="hass">HASS Textbook</button>
<script src="popup.js"></script>
</div>
</div>
</body>
</html>
Javascript
var button = document.getElementById("seqta");
button.addEventListener("click", function(){
chrome.tabs.create({url:"https://learn.bcgs.wa.edu.au"});
});
var button = document.getElementById("maths");
button.addEventListener("click", function(){
chrome.tabs.create({url:"https://jacplus.com.au"});
});
var button = document.getElementById("hass");
button.addEventListener("click", function(){
chrome.tabs.create({url:"http://www.pearsonplaces.com.au/User_Login.aspx"});
});
如果有人能帮助我就好了
最佳答案
您输入了多个脚本调用，删除<script src="popup.js"></script>从 body 中取出并将其放在 之前。
关于Javascript 在 Chrome 扩展中打开多个选项卡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52380081/