मैं एक निर्दिष्ट div के भीतर एक लिंक में लक्ष्य = "_ खाली" कैसे जोड़ूं?

Question

चलो कहते हैं कि मैं निम्नलिखित कोड डालें:

<div id="link_other"> 
    <ul> 
     <li><a href="http://www.google.com/">google</a></li> 
     <li> 
      <div class="some_class"> 
       dsalkfnm sladkfm 
       <a href="http://www.yahoo.com/">yahoo</a> 
      </div> 
     </li> 
    </ul> 
</div> 

इस मामले में, जावास्क्रिप्ट div link_other भीतर सभी लिंक को target="_blank" जोड़ना होगा।

मुझे लगता है कि जावास्क्रिप्ट का उपयोग कैसे कर सकते हैं?

Answer 1

/* here are two different ways to do this */ 
//using jquery: 
$(document).ready(function(){ 
    $('#link_other a').attr('target', '_blank'); 
}); 

// not using jquery 
window.onload = function(){ 
    var anchors = document.getElementById('link_other').getElementsByTagName('a'); 
    for (var i=0; i<anchors.length; i++){ 
    anchors[i].setAttribute('target', '_blank'); 
    } 
} 
// jquery is prettier. :-) 

तुम भी उपयोगकर्ता है कि आप यह कर रहे हैं, उन्हें चेतावनी देने के लिए सूचित करने के लिए एक शीर्षक टैग जोड़ सकते हैं, के रूप में बताया गया है, क्योंकि यह नहीं क्या उन की उम्मीद:

$('#link_other a').attr('target', '_blank').attr('title','This link will open in a new window.'); 

Answer 2

jQuery का उपयोग करना:

$('#link_other a').each(function(){ 
    $(this).attr('target', '_BLANK'); 
}); 

Answer 3

गैर jQuery:

// Very old browsers 
// var linkList = document.getElementById('link_other').getElementsByTagName('a'); 

// New browsers (IE8+) 
var linkList = document.querySelectorAll('#link_other a'); 

for(var i in linkList){ 
linkList[i].setAttribute('target', '_blank'); 
} 

Answer 4

याद रखिए कि यह कर वेब डेवलपर्स और प्रयोज्य विशेषज्ञों द्वारा सामान्य रूप में बुरा व्यवहार माना जाता है। "वापस जाएं" उन से दूर ले जा रही है ताकि दर्दनाक यह है कि आमतौर पर अब तक उनके अनुभव कर सकते हैं -

बचें कई ब्राउज़र विंडो को उत्पन्न करने के यदि संभव हो: Jakob Nielson इस उपयोगकर्ता के नियंत्रण को हटाने ब्राउज़िंग अनुभव के बारे में क्या कहना है जो भी लाभ आप प्रदान करने की कोशिश कर रहे हैं उससे अधिक है। दूसरी खिड़की को बढ़ाने के पक्ष में एक आम सिद्धांत यह है कि यह उपयोगकर्ताओं को आपकी साइट छोड़ने से रोकता है, लेकिन विडंबना यह है कि जब वे चाहते हैं तो उन्हें लौटने से रोककर इसका विपरीत प्रभाव हो सकता है।

मेरा मानना ​​है कि इस लक्ष्य विशेषता के लिए तर्क एक्सएचटीएमएल 1.1 कल्पना से W3C द्वारा हटाया जा रहा है।

आप इस दृष्टिकोण लेने पर मृत सेट कर रहे हैं, पिम Jager के समाधान अच्छा है।

एक अच्छे, और अधिक उपयोगकर्ता के अनुकूल विचार है, अपने बाहरी लिंक के सभी के लिए एक ग्राफिक संलग्न करने के लिए, उपयोगकर्ता कि लिंक का पालन उन्हें बाहर ले जाएगा करने के लिए यह दर्शाता है किया जाएगा।

आप jQuery के साथ ऐसा कर सकता है:

$('a[href^="http://"]').each(function() { 
    $('<img width="10px" height="10px" src="/images/skin/external.png" alt="External Link" />').appendTo(this) 

}); 

Answer 5

इनलाइन:

$('#link_other').find('a').attr('target','_blank'); 

Answer 6

हर बाहरी लिंक

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

Answer 7

के लिए इसका उपयोग करें मैं हर बाहरी लिंक के लिए इस का उपयोग करें:

window.onload = function(){ 
    var anchors = document.getElementsByTagName('a'); 
    for (var i=0; i<anchors.length; i++){ 
    if (anchors[i].hostname != window.location.hostname) { 
     anchors[i].setAttribute('target', '_blank'); 
    } 
    } 
}