Iframe是一種嵌入網頁的框架形式,Web頁面可以透過更改嵌入的部分,達到部分內容刷新。
Iframe的用法與普通的標籤元素DIV類似,可以指定在頁面中嵌入的位置、顏色、介面佈局等
一、iframe實作局部刷新方法一
<script type="text/javascript"> $(function(){ $("#a1").click(function(){ var name= $(this).attr("name"); $("#iframe").attr("src",name).ready(); }) $("#a2").click(function(){ var name= $(this).attr("name"); $("#iframe").attr("src",name).ready(); }) }) </script> <a href="#" id="a1" name="a1.html">1</a> <a href="#" id="a2" name="a2.html">2</a> <iframe src="" id="iframe"></iframe>
當點a1時在iframe裡顯示a1.html的內容,點a2時在iframe裡顯示a2.html的內容
二、iframe實作局部刷新的方法二
<a href="a1.html" id="a1" name="a1.html" target="i">1</a> <a href="a2.html" id="a2" name="a2.html" target="i">2</a> <iframe src="" id="iframe" name="i"></iframe>
備註: