Я предлагаю , а не добавление в целевой атрибут. Он был удален по причинам доступности, и мне не нравится, когда страница определяет для me , как открываются теги моего браузера. Конечно, вы можете сделать это, если хотите. Я покажу вам метод JavaScript, который Дарин упомянул выше, который позволяет вам проверять как XHTML 1.0 Strict или XHTML 1.1:
HTML код:
<!-- Added link titles for better testing purposes -->
<ul id="socialnetwork">
<li><a href="http://www.twitter.com/" class="targetblank">Twitter</a></li>
<li><a href="http://www.flickr.com/" class="targetblank">Flickr</a></li>
<li><a href="http://www.xing.com/" class="targetblank">XING</a></li>
<li><a href="http://www.rss.com/" class="targetblank">RSS</a></li>
</ul>
Код JavaScript:
window.onload = function() {
// Code if document.getElementByClassName() doesn't exist
if (document.getElementsByClassName == undefined) {
document.getElementsByClassName = function(className) {
var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
var allElements = document.getElementsByTagName("*");
var results = [];
var element;
for (var i = 0; (element = allElements[i]) != null; i++) {
var elementClass = element.className;
if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
results.push(element);
}
return results;
}
}
var anchorList = document.getElementsByClassName('targetblank');
for (var i in anchorList) {
anchorList[i].target = '_blank';
}
}
Конечно, вы можете опустить window.onload, если вы уже включили его в другом месте, но я рекомендую использовать его (или использовать другую функцию загрузки, такую как $(document).ready(); JQuery), чтобы JavaScript загружался после завершения загрузки страницы. Теперь все, что вам нужно сделать, это присвоить каждой якорной ссылке класс "targetblank", и ссылки должны открыться в новой вкладке.