JavaScript-window.location.href不会更改单击按钮时的URL-堆栈溢出

顺晟科技

2022-10-18 12:36:07

116

首先，

我想说的是，我几乎不知道如何以任何形式编写代码，但在大多数情况下，我可以阅读和理解。

我正在尝试创建一个Chrome扩展，它将更改活动选项卡的部分URL（实际上是查找和替换），然后在同一选项卡中加载新更改的URL.到目前为止，我有一个弹出窗口，其中有一个单独的按钮，当点击扩展图标时会显示出来，但我无法让这个按钮工作。虽然我没有放弃自己寻找解决方案，但我再次向您寻求帮助，因为我不知道我错过了什么。

现在，点击按钮时没有任何反应。

代码：

（background.JS为空）

manifest.JSON：

<代码>{"；名称"；："；扩展名"；，"；描述"；："；扩展描述"；，“版本”：1.0 “ ”，"；作者"；："；作者姓名"；，"；清单_版本：3，"；背景"；：{"；服务_工人"；："；背景.JS"；，"；类型"；："；模块"；},"；权限：[存储，"；本地消息"；，“通知”，"；选项卡"；]，"；操作"；：{"；默认_弹出窗口"；："；pop up.HTML"； }}

Popup.HTML：

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；link rel="；样式表"；href="；button.CSS"；>；<；/标题>；<；身体>；<；按钮ID="；更改"；>；更改<；/按钮>；<；脚本SRC="；语言.JS"；>；<；/script>；<；/DIV>；<；/正文>；<；/HTML>；

language.JS：（由Mplungjan提供）

{
  "name": "Extention name",
  "description": "Extention description",
  "version": "1.0",
  "author": "Author Name",
  "manifest_version": 3,

  "background": {
    "service_worker": "background.js",
    "type": "module"
  },

  "permissions": ["storage" , "nativeMessaging" , "notifications" , "tabs"],
  "action": {
"default_popup": "popup.html"
 }
}

现在行<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="button.css"> </head> <body> <button id="Change">Change</button> <script src="language.js"></script> </div> </body> </html>在chrome中抛出以下错误：//extensions/：

未捕获ReferenceError：未定义

任何帮助都非常感谢。

顺晟科技：

<代码>函数next（）{window.open（' https：//stackoverflow.com/'，'_self '）}//我们使用“_自己”来打开相同选项卡中的URL.如果你想在一个单独的标签中打开它，那么你可以删除“_自己”///您可以给出任何URL的https：//stackoverflow.com/'，这只是一个示例

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；link rel=“ stylesheet ” href=“ button.CSS ”>；<；/标题>；<；身体>；<；button onclick=“ next（）” ID=“ change ”>；更改<；/button>；<；！-您可以为函数指定任何名称->；<；script SRC=“ language.JS ”>；<；/script>；<；/DIV>；<；/正文>；<；/HTML>；

上一篇：HTML-如何使用React创建布局下一篇：CSS-如何在HTML中定义输入文本

网站建设

Html

JavaScript-window.location.href不会更改单击按钮时的URL-堆栈溢出