blocks|key|494607|text|为了以编程方式触发点击，您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|494608|$(document).ready(function()+{

+++$("a[href%5E=http]").each(function(){

++++++//+NEW+-+excluded+domains+list
++++++var+excludes+=+[
+++++++++'excludeddomain1.com',
+++++++++'excludeddomain2.com',
+++++++++'excluded.subdomain.com'
++++++];
++++++for(i=0;+i<excludes.length;+i%2B%2B)+{
+++++++++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
++++++}
+++})
});|code-block|syntax|javascript|494609|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For triggering the clicks programmatically, you can do something like:

<pre><code>$(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&lt;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
 }
 })
});
</code></pre>

blocks|key|494659|text|您是否能够编辑HTML以获得更好的钩子来处理单击事件？如果我需要分隔内部或外部之间的某些链接，我将在HTML元素上应用rel值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|494660|++++<a+href="URL"+rel="external">Link</a>|code-block|syntax|javascript|494661|然后在你的javascript中|494662|++++$('a[rel="external"]').click(+function(event)+{
+++++event.stopPropagation();
+++++window.open(+$(this).attr('href')+);
+++++return+false;
++++});|494663|编辑:既然你已经有了一大堆链接，不如这样吧..|494664|++++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');
++++++++});
++++++}

++++});|494665|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Are you able to edit the HTML to get a better hook for maybe a click event? If i need to separate certain links between internal or external i will apply a rel value on the HTML element.

<pre><code> &lt;a href="URL" rel="external"&gt;Link&lt;/a&gt;
</code></pre>

Then in your javascript

<pre><code> $('a[rel="external"]').click( function(event) {
 event.stopPropagation();
 window.open( $(this).attr('href') );
 return false;
 });
</code></pre>

EDIT: seeing as you already have a ton of links, how about this..

<pre><code> 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');
 });
 }

 });
</code></pre>

blocks|key|277868|text|我想我会这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|277869|++++$(document).ready(function()+{
++++++$("a[href%5E=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"
+++++++++++});
+++++++++}
+++++++})
++++});|code-block|syntax|javascript|277870|这有点手动，但是，如果你不想拆分字符串和数组，这是一个解决方案。我相信这会有帮助的。|277871|编辑:除此之外，你还可以使用techfoobar的解决方案来触发链接点击。这将有助于您的网站性能。|277872|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I think I would do it like this:

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

It's kinda manual but, if you don't want to deal with splitting strings and arrays, this is the solution. I'm sure this will help.

Edit: And addition to this, you can use techfoobar's solution for triggering link clicks. That will help you with your websites performance.

blocks|key|494790|text|沿着与techfoobar的回复相同的路线，您可以构建一个应该在同一窗口中打开的域的列表。您可以使用常规表达式以一种更健壮的方式完成此操作。如果你只是做一个直接的indexOf()检查，你将跳过有匹配的子域但没有匹配的域的链接，尽管如果你想要匹配href字符串中的任何地方的名字，你可以省略'$‘。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|494791|这个实现应该做您想做的事情，并且对您所需的代码进行最小程度的修改。|494792|$(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%5E=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"
+++++++++});
++++++++}
++++++}
+++})
});|code-block|syntax|javascript|494793|在此示例中，所有指向google.com和stackoverflow.com的链接也将在现有页面中打开。|494794|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Along the same lines as techfoobar's reply you can build a list of domains that should be left to open in the same window. You can do it in a more robust way though using regular expresions. If you just do a straight indexOf() check you will skip links that have matching subdomains but not matching domains, although you can leave out the '$' if you want to match the name anywhere in the href string.

This implementation should do what you want and there are minimal modifications to the code you have needed.

<pre><code>$(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"
 });
 }
 }
 })
});
</code></pre>

With this example, all links going to google.com and stackoverflow.com will be left to open in the existing page as well.

blocks|key|277994|text|如果你更喜欢在body上使用事件处理程序而不是改变dom，我推荐这样的方式……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|277995|++//+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')+%7C%7C+"";
++++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;
++});|code-block|syntax|javascript|277996|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you'd rather use an event handler on body than change the dom, I recommend something like this...

<pre><code> // 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 &gt; 0) return; // ignore links with a target attribute already
 window.open(href, '_blank'); // open external links in a new tab
 return false;
 });
</code></pre>

blocks|key|494917|text|这将对所有使用PHP的外部域起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|494918|$(document).ready(function()+{
+++$("a[href%5E=http]").each(function(){

++++++//+NEW+-+excluded+domains+list
++++++var+excludes+=+[
+++++++++'<?php+echo+$_SERVER['HTTP_HOST'];+?>'
++++++];
++++++for(i=0;+i<excludes.length;+i%2B%2B)+{
+++++++++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
++++++}
+++})
});|code-block|syntax|javascript|494919|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This will do the trick for all external domains using PHP

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

 // NEW - excluded domains list
 var excludes = [
 '&lt;?php echo $_SERVER['HTTP_HOST']; ?&gt;'
 ];
 for(i=0; i&lt;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
 }
 })
});
</code></pre>

blocks|key|495028|text|如果你只是想要所有与你的域名不匹配的链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495029|var+all_links+=+document.querySelectorAll('a');
for+(var+i+=+0;+i+<+all_links.length;+i%2B%2B){
+++++++var+a+=+all_links[i];
+++++++if(a.hostname+!=+location.hostname)+{
+++++++++++++++a.rel+=+'noopener';
+++++++++++++++a.target+=+'_blank';
+++++++}
}|code-block|syntax|javascript|495030|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if you just want all links that don't match your domain name:

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

blocks|key|495094|text|在原始JS中构建Collin的答案，这非常好，因为它不需要Jquery+(尽管OP提出了问题)。我会对其进行修改，使其能够排除当前主机名以外的域：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495095|++++var+all_links+=+document.querySelectorAll('a');
++++var+excludes+=+['domain1.com','www.domain1.com','domain2.com'];
++++for+(var+i+=+0;+i+<+all_links.length;+i%2B%2B){
++++++++var+a+=+all_links[i];
++++++++var+found+=+false;+
++++++++for(j=0;+j<excludes.length;+j%2B%2B)+{
++++++++++++++++if(a.href.includes(excludes[j]))+{
++++++++++++++++++++found+=+true;
++++++++++++++++++++break;++
++++++++++++++++}
++++++++}++++
++++++++if+(!found)+{
++++++++++++a.rel+=+'noopener';+a.target+=+'external';
++++++++}
++++}++++++++|code-block|syntax|javascript|495096|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Building on Collin's answer in raw JS, which is very nice as it doesn't need Jquery (despite OP's question). I'd amend it to have the ability to exclude domains other than the current hostname though: 

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

blocks|key|278218|text|抱歉，线程巫术，谷歌把我带到这里。我也遇到了类似的问题，结果是这样解决的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|278219|document.body.addEventListener('click',+function+(e)+{
++if+(e.target.tagName+!==+'A')+return;
++if+(e.target.hostname+===+location.hostname)+return;
++if(['stackoverflow.com','someothersite.com'].indexOf(e.target.hostname)+!==+-1)+return;+
++e.preventDefault();
++window.open(e.target.href);
++return+false;
});|code-block|syntax|javascript|278220|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Sorry for thread necromancy, Google led me here. I had a similar problem and ended up solving it like this:
<pre><code>document.body.addEventListener('click', function (e) {
 if (e.target.tagName !== 'A') return;
 if (e.target.hostname === location.hostname) return;
 if(['stackoverflow.com','someothersite.com'].indexOf(e.target.hostname) !== -1) return; 
 e.preventDefault();
 window.open(e.target.href);
 return false;
});
</code></pre>

I'm trying to open all external links on a site in a new window. However on there are 2 versions of the site, e.g. a store and the main site. So on the main site we might have links that go to <a href="http://store.example.com" rel="noreferrer">http://store.example.com</a> for example.

I've got some code here which will allow me to open all the external links in a new window. However I'd like to be able to exclude certain domains. Like the one I've mentioned above.

Here is the code:

<pre><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"
 });
 }
 })
});
</code></pre>

I'm new to JS / jQuery so any additional information would be brilliant.

Open all external links open in a new tab apart from a domain

jQuery

我正在尝试在新窗口中打开网站上的所有外部链接。然而，该网站有两个版本，例如商店和主网站。例如，在主站点上，我们可能有指向的链接。我这里有一些代码，可以让我在一个新窗口中打开所有的外部链接。但是，我希望能够排除某些域。就像我上面提到的那个。代码如下：$(document).ready(function() {   $("...

问打开在域之外的新选项卡中打开的所有外部链接
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开在域之外的新选项卡中打开的所有外部链接EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开在域之外的新选项卡中打开的所有外部链接
EN