在循环中使用window.open的变量

Question

我在HTML页面上有4个div，代表社交媒体网站的链接。

相反，谢谢有4个不同的Javascript块是否有办法循环这个代码，所以我不必为两个数组中的每个选项对写出来？

＆＃13;

＆＃13;

var socialDiv=["facebook","twitter","google","linkedin"];
var URL=["http://www.facebook.com","http://www.twitter.com","http://www.google.com","http://www.linkedin.com"];
		
document.getElementById(socialDiv[0]).onclick=function(){
window.open(URL[0],'_blank');
}

＆＃13;

＆＃13;

＆＃13;

我尝试过使用For和While循环一半工作。第一个数组中列出的所有div都变为可点击，但所有打开的空白窗口。

这是我之前尝试过的：

＆＃13;

＆＃13;

var socialDiv=["facebook","twitter","google","linkedin"];
var URL=["http://www.facebook.com","http://www.twitter.com","http://www.google.com","http://www.linkedin.com"];
var i=0;

while(i<socialDiv.length){
    document.getElementById(socialDiv[i]).onclick=function(){
    window.open(URL[i],'_blank');
    }
  i++;
}

＆＃13;

＆＃13;

＆＃13;