原生JS怎样给div添加链接

html:

<div href="http://www.atigege.com" target="_blank">个人网站</div>



js代码:

clickToHref();
//点击链接事件,IE8及以下不支持,IE9 strict mode不支持,20181019 by 阿提
function clickToHref() {
var eles = document.querySelectorAll("div[href]");
eles.forEach(function (item) {
item.addEventListener("click", function () {
var href = item.getAttribute("href");
var target = item.getAttribute("target");
if (!target) {
location.href = href;
}
else {
window.open(href, target);
}
});
})
}


不支持IE8以下原因:document.querySelectorAll

eles.forEach不支持IE9的 strict mode模式

posted on 2018-10-19 14:10  阿提  阅读(3863)  评论(0编辑  收藏  举报

导航