讓連結在指定的iframe中跳轉顯示,實現連結內容不重新整理父頁面顯示到iframe中
阿新 • • 發佈:2019-02-17
例子:點選某一個連結,想通過js程式碼跳轉到父頁面的某個iframe中,實現不重新整理父頁面在iframe中顯示連結內容
<a>顯示內容</a>
<iframe frameborder="0" width="100%" height="100%" name="showList" scrolling="auto" style="background-color:transparent" >
</iframe><!--該iframe的name值為showList-->
<script>
$("a" ).click(function(){
window.showList.location.href = "http://www.baidu.com"; //showList是指定的iframe的name
})
</script>
這種方式與不寫js方式類似,就是指定a標籤的target和href
<a href="http://www.baidu.com" target="showList">顯示內容</a>
<iframe frameborder="0" width="100%" height="100%" name="showList" scrolling="auto" style="background-color:transparent" >
</iframe><!--該iframe的name值為showList-->
兩種方法效果一樣。