用錨點a id 可以做到這件事情,如下面程式碼範例
index是主頁包含兩個iframe,
第一個iframe是iframe1
第二個iframe是iframe2
點選iframe1中的連結
會讓iframe2跳轉到指定地方
index.html
<iframe src="iframe1.html" width="100%" height="20%" name="top"></iframe>
<iframe src="iframe2.html" width="100%" height="80%" name="center"></iframe>
iframe1.html
我是上面
<ul>
<li><a href="iframe2.html#first" target="center">link1</a></li>
<li><a href="iframe2.html#second" target="center">link2</a></li>
<li><a href="iframe2.html#third" target="center">link3</a></li>
</ul>
iframe2.html
<style>
#firstDiv{
position: absolute;
top:100px;
background-color: red;
}
#secondDiv{
position: absolute;
top:500px;
background-color: blue;
}
#thirdDiv{
position: absolute;
top:2000px;
background-color: yellow;
}
</style>
我是中間
<div id="firstDiv">
<a id="first">
第一塊區域
</a>
</div>
<div id="secondDiv">
<a id="second">
第二塊區域
</a>
</div>
<div id="thirdDiv">
<a id="third">
第三塊區域
</a>
</div>