2. Algorithm
  3. javascript - change <a> target to "_blank" depending on href - Stack Overflow

javascript - change <a> target to "_blank" depending on href - Stack Overflow

admin2025-04-03  0

I'm trying to sort through the links on my page and make some of them open into a new window, depending on their URL. This is the code I have. It doesn't seem to be working. Can you see why?

function MakeMenuLinksOpenInNewWindow() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        if (links[i].href == "/")
            links[i].target = "_blank";
    }
}
MakeMenuLinksOpenInNewWindow();

I'm trying to sort through the links on my page and make some of them open into a new window, depending on their URL. This is the code I have. It doesn't seem to be working. Can you see why?

function MakeMenuLinksOpenInNewWindow() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        if (links[i].href == "http://testtesttest/")
            links[i].target = "_blank";
    }
}
MakeMenuLinksOpenInNewWindow();
  • javascript
  • href
  • target
  • getelementsbytagname
Share Improve this question edited Sep 1, 2010 at 20:08 user113716 323k64 gold badges453 silver badges441 bronze badges asked Sep 1, 2010 at 20:05 ChristianChristian 5521 gold badge5 silver badges12 bronze badges 4
  • 1 Can you show some HTML to go with it? – Pekka Commented Sep 1, 2010 at 20:07
  • Did you try links[i].setAttribute('target', '_blank') instead of links[i].target = "_blank"; Maybe that will work. – Zoidberg Commented Sep 1, 2010 at 20:08
  • 1 No, it won't. Please don't use getAttribute/setAttribute for scripting HTML documents. They are less readable than the normal DOM Level 1 HTML properties like href= and they're buggy in IE. – bobince Commented Sep 1, 2010 at 20:35
  • use example. (org, net, or edu) for examples. (en.wikipedia/wiki/Example.) – David Murdoch Commented Sep 1, 2010 at 21:30
Add a ment  | 

4 Answers 4

Reset to default 3

You should probably not be setting this javascript. And instead use HTML.

But if you must...

function MakeMenuLinksOpenInNewWindow() {
    var links = document.getElementsByTagName("a");
    for (var i = 0, l = links.length; i < l; i++) {
        if (links[i].href === "http://www.example./")
            links[i].target = "_blank";
    }
}
window.onload = MakeMenuLinksOpenInNewWindow;

Use jQuery.js. It'll make your life much easier:

$("a[href='http://testtesttest/']").attr("target", "_blank");

Make sure that when you call this function the DOM has been loaded:

window.onload = MakeMenuLinksOpenInNewWindow;

or:

<body onload="MakeMenuLinksOpenInNewWindow();">

your javascript looks fine. assuming you're having problems with your link elements not existing before you try to modify them, you need to delay running your method as mentioned in other posts. my preferred method is moving the script contents to the end of the page.

since it looks like you're using an external js file, your page would like 

    ... 
    <a href="http://testtesttest/" >whatever</a>
    ... 
    <script src="myscriptfile.js"></script>
</body>
</html>

if you're still having problems, you'll have to post a more plete example.

edits: another point. if you're still having problems, make sure the url you are expecting in the href property isn't being rewritten. for example, IE will tack a trailing / to the end of a . url if you don't provide it, which would cause your parison to fail.

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1743622155a213703.html

javascriptchange ltagt target to quotblankquot depending on hrefStack Overflow

最新回复(0)