1. 程式人生 > >讓連結在指定的iframe中跳轉顯示,實現連結內容不重新整理父頁面顯示到iframe中

讓連結在指定的iframe中跳轉顯示,實現連結內容不重新整理父頁面顯示到iframe中

例子:點選某一個連結,想通過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-->

兩種方法效果一樣。