个人中心
gpt4 book ai didi

Javascript 在 Chrome 扩展中打开多个选项卡

转载 作者：行者123 更新时间：2023-12-03 01:06:32 25 4
gpt4 key购买 nike

我正在制作一个 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/

25 4 0
文章推荐： javascript - 带有嵌套 React 组件的 onMouse 事件
文章推荐： javascript - 显示为未定义的参数 - 导出的函数 JavaScript
文章推荐： javascript - 如何通过 React-Loadable 获取状态？ React-Redux
文章推荐： javascript - 从 items[] 数组中选择九个已打乱顺序且不重复的项目
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com