Öffnen alle externen links öffnen in einem neuen tab, abgesehen von einer domain

Ich versuche es zu öffnen alle externen links auf die Seite in einem neuen Fenster. Allerdings gibt es 2 Versionen der Website. e.g-store und die Haupt-Website. Also auf der Haupt-Website vielleicht haben wir links, gehen Sie zu http://store.site.com zum Beispiel.

Habe ich einige code hier ein, was mir erlauben wird, öffnen alle externen links in einem neuen Fenster. Aber ich möchte in der Lage sein, um auszuschließen, bestimmte domains. Wie ich schon oben erwähnt.

Hier ist der code:

$(document).ready(function() {
   $("a[href^=http]").each(function(){
      if(this.href.indexOf(location.hostname) == -1) {
         $(this).attr({
            target: "_blank",
            title: "Opens in a new window"
         });
      }
   })
});

Ich bin neu in JS /Jquery so viel information wäre toll.

InformationsquelleAutor Josh Davies | 2012-08-22

12

Auslösenden Klicks programmgesteuert, die Sie tun können, so etwas wie:
```
$(document).ready(function() {

   $("a[href^=http]").each(function(){

      //NEW - excluded domains list
      var excludes = [
         'excludeddomain1.com',
         'excludeddomain2.com',
         'excluded.subdomain.com'
      ];
      for(i=0; i<excludes.length; i++) {
         if(this.href.indexOf(excludes[i]) != -1) {
            return true; //continue each() with next link
         }
      }

      if(this.href.indexOf(location.hostname) == -1) {

           //attach a do-nothing event handler to ensure we can 'trigger' a click on this link
           $(this).click(function() { return true; }); 

           $(this).attr({
               target: "_blank",
               title: "Opens in a new window"
           });

           $(this).click(); //trigger it
      }
   })
});
```
- tech, danke für die Antwort. Tut mir Leid, aber ich sehe nicht, was ist hier anders, was habe ich am oberen Rand der Seite. Würden Sie bitte zeigen Sie mir, wo ich die Domäne hinzuzufügen, glaube ich, nicht zu arbeiten als eine externe Domäne?
- Ich werde mein edit beantworten zu reflektieren, dass
- siehe meine edits für die Ausschluss-Liste-Logik (einfache Lösung). Die ursprüngliche Antwort war für den Hinweis, wie Sie programmgesteuert auslösen den link klickt (so als öffnen in neuen tab)
- Genial, vielen Dank. Ich habe jetzt implementiert diese in meine Website. Nur tun einige Tests. Wenn Sie sepecify der Domäne ist es wichtig, wenn die URL 'excludeddomain/somethingthatcanchangehere'? (hoffe das macht Sinn).
- das sollte auch funktionieren, möchten Sie vielleicht zu Kleinschreibung (und den Inhalt der exclude-array), dass es in allen Fällen
- Ist es möglich, hinzufügen von https - & http?
- https abgestimmt ist, die durch diesen Selektor, denn es beginnt mit 'http'. api.jquery.com/attribute-starts-with-selector
InformationsquelleAutor techfoobar
1

Sind Sie in der Lage, HTML-Bearbeiten, um eine bessere Haken für vielleicht ein click-Ereignis? Wenn ich brauche zu trennen bestimmter verbindungen zwischen den internen oder externen ich einen rel-Wert auf das HTML-element.
```
    <a href="URL" rel="external">Link</a>
```
Dann in deinem javascript -
```
    $('a[]').click( function(event) {
     event.stopPropagation();
     window.open( $(this).attr('href') );
     return false;
    });
```
EDIT: da Sie bereits eine Tonne von links, wie wäre es damit..
```
    var a = new RegExp('http:\/\/store.blah.com');

    $('a').each(function() {

      if(a.test(this.href)) {
        $(this).click(function(event) {
         event.preventDefault();
         event.stopPropagation();
         window.open(this.href, '_blank');
        });
      }

    });
```
- Danke für die Antwort. ja, ich habe Zugriff auf das HTML, aber es gibt Hunderte von links und wie Sie sich vorstellen können, dass eine Weile dauern kann. Allerdings werde ich notieren, wie Sie es getan haben für die zukünftige Website baut also vielen Dank dafür.
InformationsquelleAutor Mark

wenn Sie wollen einfach nur alle links, die nicht mit Ihrem domain-Namen:

var all_links = document.querySelectorAll('a');
for (var i = 0; i < all_links.length; i++){
       var a = all_links[i];
       if(a.hostname != location.hostname) {
               a.rel = 'noopener';
               a.target = '_blank';
       }
}

InformationsquelleAutor Collin Anderson

Ich glaube, ich würde es so machen:

    $(document).ready(function() {
      $("a[href^=http]").each(function(){
         if(this.href.indexOf(location.hostname) == -1 && this.href.indexOf("store.domain.com") == -1 && this.href.indexOf("other.domain.rule") == -1) {
            $(this).attr({
               target: "_blank",
               title: "Opens in a new window"
           });
         }
       })
    });

Es ist ein bisschen Anleitung aber, wenn Sie nicht wollen, befassen sich mit Aufspaltung von strings und arrays, das ist die Lösung. Ich bin mir sicher, dass das helfen wird.

Edit: Und zusätzlich zu diesem, können Sie techfoobar Lösung für die Auslösung link klickt. Das wird Ihnen helfen, Ihre Webseiten-performance.

Nice one, vielen Dank. Sieht aus wie das wird für mich arbeiten. Wird update mit Antwort in Kürze.

InformationsquelleAutor st.

0

Entlang der gleichen Linien wie techfoobar Antwort darauf können Sie bauen eine Liste der Domänen, die überlassen werden sollen, die im selben Fenster geöffnet. Sie können es in eine weitere solide Möglichkeit, obwohl durch benutzen von regulären Ausdrücken. Wenn Sie nur ein gerade indexOf() überprüfen, Sie zu überspringen-links, die passenden subdomains, aber nicht passenden Bereichen, aber Sie können lassen Sie das '$' wenn Sie möchten, den Namen überall in den href-string.

Diese Umsetzung sollte das tun, was Sie wollen, und es gibt nur minimale änderungen an den code, den Sie gebraucht haben.
```
$(document).ready(function() {
    //populate this list with whatever domain names you want, the 
    //$ sign matches the end of the string, only top level domains are affected
    var whiteList = [/google.com\/$/, /stackoverflow.com\/$/];

   $("a[href^=http]").each(function(){
      if(this.href.indexOf(location.hostname) == -1) {

        //check if the href of the current link matches any of our patterns
        var href = this.href;
        if(whiteList.filter(function(x){return x.test(href)}).length == 0) {

         $(this).attr({
            target: "_blank",
            title: "Opens in a new window"
         });
        }
      }
   })
});
```
Mit diesem Beispiel werden alle links gehen auf google.com und stackoverflow.com werden Links zu öffnen, in das bereits bestehende Seite als auch.

InformationsquelleAutor Donagh Hatton

Wenn Sie lieber verwenden einen Ereignis-handler auf dem Körper, der als die Veränderung der dom, empfehle ich etwas wie dieses...

  //open external links in a new tab
  $('body').on('click','a',function(){
    var $a = $(this);
    var href = $a.attr('href');
    if (href.indexOf('/') == 0) return;  //ignore relative links
    var target = $a.attr('target') || "";
    if (target.length > 0) return; //ignore links with a target attribute already
    window.open(href, '_blank');  //open external links in a new tab
    return false;
  });

InformationsquelleAutor chad steele

Wird dies den trick tun für alle externen Domänen mithilfe von PHP

$(document).ready(function() {
   $("a[href^=http]").each(function(){

      //NEW - excluded domains list
      var excludes = [
         '<?php echo $_SERVER['HTTP_HOST']; ?>'
      ];
      for(i=0; i<excludes.length; i++) {
         if(this.href.indexOf(excludes[i]) != -1) {
            return true; //continue each() with next link
         }
      }

      if(this.href.indexOf(location.hostname) == -1) {

           //attach a do-nothing event handler to ensure we can 'trigger' a click on this link
           $(this).click(function() { return true; }); 

           $(this).attr({
               target: "_blank",
               title: "Opens in a new window"
           });

           $(this).click(); //trigger it
      }
   })
});

Sie ersetzen nur, dass php mit location.hostname und Sie müssen nicht mehr php

InformationsquelleAutor user3498513

Gebäude auf Collin 's Antwort im raw-JS, das ist sehr nett, da Sie nicht brauchen, Jquery (trotz OP' s Frage). Ich würde ergänzen um die Möglichkeit auszuschließen, in anderen Domänen als der aktuelle hostname wenn:

    var all_links = document.querySelectorAll('a');
    var excludes = ['domain1.com','www.domain1.com','domain2.com'];
    for (var i = 0; i < all_links.length; i++){
        var a = all_links[i];
        var found = false; 
        for(j=0; j<excludes.length; j++) {
                if(a.href.includes(excludes[j])) {
                    found = true;
                    break;  
                }
        }    
        if (!found) {
            a.rel = 'noopener'; a.target = 'external';
        }
    }

InformationsquelleAutor Khom Nazid

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.