鍍金池/ 問答/HTML/ 前端多個模塊頁面切換

前端多個模塊頁面切換

clipboard.png
做一個管理系統(tǒng),左側(cè)是1.2.3是點擊的按鈕,點擊后,要改變藍色(不同的內(nèi)容)里面的內(nèi)容,藍色那塊是用iframe好?還是有其他方法,更好的?

回答
編輯回答
青黛色

1.HTML5不再支持使用frame,iframe只有src 屬性;
2.iframes 提供了一個簡單的方式把一個網(wǎng)站的內(nèi)容嵌入到另一個網(wǎng)站中。但我們需要慎重的使用iframe。iframe的創(chuàng)建比其它包括scripts和css的 DOM 元素的創(chuàng)建慢了 1-2 個數(shù)量級。
使用 iframe 的頁面一般不會包含太多 iframe,所以創(chuàng)建 DOM 節(jié)點所花費的時間不會占很大的比重。但帶來一些其它的問題:onload 事件以及連接池(connection pool)。
使用iframe的優(yōu)缺點,為什么少用iframe以及iframe和frame的區(qū)別

總而言之:iframe加載靜態(tài)網(wǎng)頁快,用iframe做過項目,第一感覺就是很慢很慢,具體原因看上面的文章,說的很清晰;
現(xiàn)在多用前端框架,spa這個沒接觸不是很了解

2018年2月15日 22:27
編輯回答
來守候

vue 路由實現(xiàn)跳轉(zhuǎn)
看下vue-router

2017年1月9日 22:56
編輯回答
墨沫

做成選項卡,然后tab切換吧,大概意思就是寫三個內(nèi)容,然后再點擊左側(cè)菜單的時候顯示隱藏,有可以用的插件,superslide,也可以自己寫

2018年1月1日 01:46
編輯回答
呆萌傻

建議使用前端框架,比如vue,angular,react??梢圆捎们岸寺酚蛇M行跳轉(zhuǎn)

2017年7月3日 00:29
編輯回答
負我心

現(xiàn)在一般都是采用spa來做,右邊一般都是前端router處理

2017年8月18日 02:28
編輯回答
巫婆

這個比較好實現(xiàn),如果是傳統(tǒng)的你可以做成一個選項卡,也可以使用ajax,同樣也可以使用spa的router。

2018年4月16日 14:26