當進行頁面間的跳轉是，希望直接跳轉到相對於的標籤所對應的內容下面。而且簡介標籤下面對應的標籤也是一個導航條，而且具有tab卡片切換效果，當頁面進行跳轉是直接定位到相應的內容。當點選了“成員介紹”標籤後，效果如下圖：

會直接定位到“成員介紹”標籤的切換效果下。

下面來說下實現思路：

1.首先，在首頁的導航條中將“簡介”標籤下的下拉框每欄設定一個連結

<ul class="dropdown-menu">
                                    <li><a href="introPage.html?type=teamstruct">團隊結構</a></li>
                                    <li class="divider"></li>
                                    <li><a href="introPage.html?type=teamintro">團隊介紹</a></li>
                                    <li class="divider"></li>
                                    <li><a href="introPage.html?type=teamculture">團隊文化</a></li>
                                    <li class="divider"></li>
                                    <li><a href="introPage.html?type=teacherintro">導師介紹</a></li>
                                    <li class="divider"></li>
                                    <li><a href="introPage.html?type=memberintro">成員介紹</a></li>
                                </ul>
 

//獲取位址列中的地址
		var url=window.location.search;
		//轉換成字串
		url=url.toString();
		var array=new Array();//用來存放分分割後的字串
		array=url.split("=");

//這裡的titles陣列是tab選項卡的的標籤陣列，遍歷陣列
//找到與之相等的標籤，然後改變其背景顏色
for(var m=0;m<titles.length;m++){
			titles[m].id=m;
			if(array[1] == titles[m].className){
				titles[m].style.backgroundColor="#444444";
//清除其他樣式
				for (var j = 0; j < titles.length; j++) {
					divs[j].style.display = "none";
					
				}
/* divs陣列是tab選項卡對應內容的陣列 ,將其內容顯示出來*/
				divs[titles[m].id].style.display="block";
			}
		} 
 

這樣三步，就可以實現了定位。