使用js實現框架間的跳轉

上個月好像沒學到什麼新技術,唯一的收穫是月末幫即將畢業的學長學姐們做了2個畢業設計,鞏固了下基礎。期間遇到框架中a標籤的跳轉問題,記錄下。


一般來說,當我們在框架中跳轉的時候,新頁面會在當前框架打開,那麼如何實現在其他框架打開頁面呢?

使用js實現框架間的跳轉
在index.html中

    <frameset cols="235,*">

            <frame src="header.html" name="header"></frame>

            <frame src="main.html" name="main"></frame> 

    </frameset>

在header.html中

<script>

window.parent.main.location.href="鏈接地址";//跳轉的頁面內容在main框架呈現

</script>


js中<a>標籤不跳轉

<a href="" οnclick="javascript:return false;"></a>


a標籤的target屬性

_top 的意思是打開時忽略所有的框架。 
你的網頁在框架內,這個網頁上有一個鏈接target設成_top,點擊此鏈接時,目標網頁就會在當前瀏覽器中打開,而框架會消失。
_parent的意思是在父窗口中打開。
就是點擊鏈接後在當前窗口打開,不添加新窗口


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章