入門的Javascript

Question

首先擺脫在新窗口藍色的邊框和打開鏈接，我是用JavaScript初學者所以請善待:)。我試圖擺脫我的圖像地圖上的藍色邊框，並嘗試讓我的鏈接在新窗口中打開。 @ Xotic750一直很好，重新編寫我的代碼。我試了幾件事情要做到這一點，但我真的不想亂碼起來有多好，他們沒有和我已經試過幾件事情沒有工作。任何幫助深表感謝！

var topdiv = document.getElementById('topdiv'), 
    map, 
    tempVar; 

function area1() { 
    alert("you clicked in area1"); 
} 

function area2() { 
    alert("you clicked in area2"); 
} 

function area3() { 
    alert("you clicked in area3"); 
} 

function pointerOn(evt) { 
    evt.target.style.cursor = "hand"; 
} 

function pointerOff(evt) { 
    evt.target.style.cursor = "auto"; 
} 

map = document.createElement("map"); 
map.name = "socialmap"; 

tempVar = document.createElement("area"); 
tempVar.shape = "rect"; 
tempVar.coords = "320,0,365,50"; 
tempVar.href = "https://www.facebook.com/NCHSoftware"; 
tempVar.addEventListener("click", area1, false); 
tempVar.addEventListener("mouseover", pointerOn, false); 
tempVar.addEventListener("mouseout", pointerOff, false); 
map.appendChild(tempVar); 

tempVar = document.createElement("area"); 
tempVar.shape = "rect"; 
tempVar.coords = "375,0,420,50"; 
tempVar.href = "https://plus.google.com/+nchsoftware"; 
tempVar.addEventListener("click", area2, false); 
tempVar.addEventListener("mouseover", pointerOn, false); 
tempVar.addEventListener("mouseout", pointerOff, false); 
map.appendChild(tempVar); 

tempVar = document.createElement("area"); 
tempVar.shape = "rect"; 
tempVar.coords = "425,0,470,50"; 
tempVar.href = "https://twitter.com/nchsoftware"; 
tempVar.addEventListener("click", area3, false); 
tempVar.addEventListener("mouseover", pointerOn, false); 
tempVar.addEventListener("mouseout", pointerOff, false); 
map.appendChild(tempVar); 

topdiv.appendChild(map); 

tempVar = document.createElement("img"); 
tempVar.className = "myImage"; 
tempVar.src = "../images/social_hor.png"; 
tempVar.useMap = "#socialmap"; 
topdiv.appendChild(tempVar); 

Answer 1

設置圖像border屬性0擺脫藍色邊框。對於在新窗口中打開，設置target屬性爲_blank，雖然這也可能會打開一個新標籤的鏈接;這取決於瀏覽器設置。