用JavaScript处理链接

Handling links in JavaScript

本文关键字：链接 处理 JavaScript      更新时间：2023-09-26

我正在制作一个intranet网站，用于将客户端链接到信息和文件。我有一个JavaScript脚本，它保存了所有的链接和ID，所以我可以轻松地添加新的链接并编辑它们。以下是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>

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

如果你只想用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/

相关文章：