html部分
<!-- 兩種形式境氢,第一種是直接控制A標簽的點擊事件觸發(fā)读恃,第二種是給帶某個固定class的A標簽添加事件 -->
<a onclick="winLink(this); return false">open</a>
<a class="open">open</a>
Javascipt部分一
創(chuàng)建一個winlink函數(shù)搏屑,第一種形式就是直接調用這段JS打開新窗口的低缩。
function winLink(link){
window.open(link,"新窗口名稱",width=300,heiht=400);
}
Javascipt部分二
第二種形式的JS堪旧,要結合Javascipt部分一
一起使用
//獲取頁面中的所有A標簽
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
//判斷A標簽的class是否為"open"
if(links[i].getAttribute("class") == "open"){
//如果是糠雨,給這個A標簽的onclick綁定一個帶語句的函數(shù)(這個是我一個文科生的理解才睹,書上沒有注明)
links[i].onclick = function(){
//查找這個A標簽內的"href"屬性,并把這個值賦值給函數(shù)winlink的屬性"link"
winLink(this.getAttribute("href"));return false;
}
}
}
以上js最好放置在body最下方甘邀,以免出現(xiàn)JS比HTML先讀取完導致獲取標簽失效
外部JS文件
外部JS文件還可以添加一個函數(shù)避免讀取順序上的問題:
//窗口加載完畢后執(zhí)行函數(shù)prepareLinks
window.onload = prepareLinks;
function prepareLinks(){
....
//上面的JS第一部分和第二部分放在這個函數(shù)內
}
沒有太多說明琅攘,注釋已經比較清楚的了,第一次學習javascipt松邪,難免有些地方寫的不夠好甚至寫錯的坞琴,還請多多指教!