【问题标题】:Javascript - Every link should be open in popupJavascript - 每个链接都应该在弹出窗口中打开
【发布时间】:2018-08-31 22:53:52
【问题描述】:

打开任何维基百科页面 (https://en.wikipedia.org/wiki/PHP)。 如果用户单击任何链接(href),则该链接不应作为下一个窗口打开。链接应该在弹出窗口中打开。

如下所述,我已经在弹出窗口中打开了

var allAnchors = document.getElementsByTagName("a");

for (i=0; i < allAnchors.length; i++) {
    var element = allAnchors[i];
    element.addEventListener("click", function (event) {
    event.preventDefault();

    let aref = this.getAttribute("href");
    window.open(aref,'_blank','width=900,height=300');
  }.bind(element));
}

但我想在弹出窗口中打开。

【问题讨论】:

  • 这不是它目前的工作方式,所以你的问题是什么?
  • 其实没有(Windows 上的 Chrome)
  • 您可以通过在页面中注入一些脚本来做到这一点,该脚本向所有带有 href 的标签添加 onclick 处理程序,并调用 window.open 然后取消默认链接。
  • 我只想知道如何在弹出窗口中加载每个href
  • @Rup 你能帮忙吗?

标签: javascript href


【解决方案1】:
var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++) {
    links[i].setAttribute('target', '_blank');
}

您不能告诉浏览器专门在新窗口中打开链接,但是当点击时,上面将在新选项卡或窗口中打开所有链接(在运行上述代码时加载到文档中),取决于浏览器配置。

【讨论】:

    【解决方案2】:

    如果您想在弹出窗口中打开链接, 使用 angularjs 之类的库或框架在弹出窗口中打开内容(在 angular 中使用 $md-dialog)

    【讨论】:

    • 不能使用 Angular 我只能使用 javascript
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-26
    • 2015-12-21
    相关资源
    最近更新 更多