javascript - 无法左键单击转到 anchor 标记链接

标签 javascript html google-chrome-extension anchor

我有以下设置,用于 Google Chrome 浏览器的扩展。除了一件事,一切都很好。首先,我点击扩展按钮。当我左键单击“单击此处!”中的“此处”时,没有任何反应。当我右键单击“此处”并选择“在新选项卡中打开链接”时,会打开一个新选项卡,指向 https://www.yahoo.com .为什么左键单击不起作用?

一个 javascript 文件正在调用下面的行,以便从扩展按钮显示一个弹出窗口:

chrome.browserAction.setPopup({'tabId', tabId, 'popup': 'page1.html'});

page1.html:

<!DOCTYPE html>
  <head/>
  <body>
    <iframe src="page2.html"/>
  </body>
</html>

page2.html:

<!DOCTYPE html>
  <head/>
  <body>
    Click <a href="https://www.yahoo.com">here</a>!
  </body>
</html>

最佳答案

如果您尝试在新标签页中打开链接,请添加 target="_blank"<a>标签。这将导致打开一个包含链接内容的新选项卡。

您的代码应该是:

<!DOCTYPE html>
  <head/>
  <body>
    Click <a href="https://www.yahoo.com" target="_blank">here</a>!
  </body>
</html>

关于javascript - 无法左键单击转到 anchor 标记链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33246865/

相关文章:

javascript - 如何让表单中的input+label一一出现?

javascript - 如何仅在匹配特定哈希时隐藏元素?

javascript - chrome 中的自定义协议(protocol)处理程序

javascript - 在 react.js 中单击按钮时添加类

javascript - 使用 TWIG 中 JS 变量的参数生成 url

javascript - JavaScript 如何创建与 DOM 元素的单向数据绑定(bind)?

html - 网格布局中的中心列

css - 显示 : inline-block; divs behaving erratically

javascript - 在谷歌浏览器扩展程序中获取 cookie

javascript - 将主机解析为 IP 地址并使用 Chrome 扩展程序将其显示在弹出窗口中