【问题标题】:Handling links in JavaScript在 JavaScript 中处理链接
【发布时间】:2013-06-27 03:20:18
【问题描述】:

我正在制作一个用于将客户链接到信息和文件的 Intranet 网站。 我有一个包含所有链接和 ID 的 JavaScript 脚本,因此我可以轻松添加新链接并对其进行编辑。 这是JS的代码:

function set_links()
{
     setHrefById("LinkID1", "link1");
     setHrefById("LinkID2", "link2");
     setHrefById("LinkID3", "link3");
}

function setHrefById(idName. url)
{
    if(document.getElementById(idName))
    {
         document.getElementById(idName).href = url;
    }
}

我的网页上的链接显示正确。

基本上,我想要发生的是,当单击一个按钮时,所有链接都会在新选项卡中一次打​​开。

另外,我如何能够自动将这些链接添加到网页上。我必须手动将其添加到网页:

<A target="_blank" id="LinkID1" href="">Click here</A>

【问题讨论】:

  • 你的意思是这样吗? jsfiddle.net/fluffydevilbunny/Ljmz6 确保您的弹出窗口阻止程序已禁用,否则只会激活一个选项卡(至少在 chrome 中)
  • 那太好了——谢谢。

标签: javascript html hyperlink


【解决方案1】:

使用window.open 方法,并将name 参数设置为_blank 以在新选项卡中打开链接。例如window.open("http://google.com", "_blank")See here

如果您只想将链接存储在 JavaScript 中,然后在用户单击按钮时将它们全部打开,为什么不这样做:

function addListener(element, eventName, handler) {
  if (element.addEventListener) {
    element.addEventListener(eventName, handler, false);
  }
  else if (element.attachEvent) {
    element.attachEvent('on' + eventName, handler);
  }
  else {
    element['on' + eventName] = handler;
  }
}

var links = ["http://google.com", "http://yahoo.com"];
var open_trigger = document.getElementById('open-all');
addListener(open_trigger, "click", function() {
    for(var i = 0; i < links.length; i ++) {
        window.open(links[i], "_blank");
    }
});

http://jsfiddle.net/n3rpq/

【讨论】:

  • 感谢您的回复。我刚刚尝试了 window.open 方法,但它对我正在寻找的东西不起作用。当我单击按钮时,我需要它来打开 JS 文档中的所有链接。至于链接在哪里,我需要它们在JS文档中,然后当我添加一个新的时,它会自动生成在HTML网页上。目前,我必须使用 setHrefById("LinkID", "link url"); 将链接添加到 JS。然后使用 Click here 将其添加到 HTML 文档中。至于结构,我只想要一个 Open All 按钮。
  • 如果您只想要一个全部打开按钮,那么您为什么要首先创建 HTML 锚?
  • 以上怎么样?另外,你是否使用 jQuery?
  • 我有 2 个页面,其中一个具有使用 单击此处 的链接。第二个有打开所有链接的按钮。
  • 好的,所以您是说如何让 both 页面的链接可用 1) 链接在 HTML 文档中可见的位置,以及 2) HTML 页面其中有一个“单击全部”按钮,您想从第 1 页加载所有链接并打开它们?从问题中我并不是特别清楚! :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多