上個月好像沒學到什麼新技術,唯一的收穫是月末幫即將畢業的學長學姐們做了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的意思是在父窗口中打開。
就是點擊鏈接後在當前窗口打開,不添加新窗口