我們團隊最近開發一個web頁面，包含一連串的功能，每個功能放在一個頁面中，用一個導航條來在各個頁面間導航。

為了并行開發，我們每個功能寫在一個單獨的html文件中，包含導航條的頁面作為主頁面，最后把各個功能頁面的html放在iframe里面嵌入到主頁面中來。

因為用iframe各個頁面之間是相互隔離的，css和js代碼不會互相影響，利于分開并行開發。

不知道這樣有沒有什么缺點，又有沒有什么更好的方案，求指教。

回復討論(解決方案)

缺點有兩處：
1. 頁面兼容性的問題，iframe的高度并不能自適應高度，需要js來動態定位。如果iframe里邊再套一個iframe就比較麻煩，所以謹慎重套。
2. 頁面數據的控制，比如iframe中操作需要反饋到主頁面上來，可能多加一步的處理。還有類似彈出層的效果，需要突破iframe然后把dom節點添加到父頁面，要不然實現不了全屏的遮罩。
大概想到是這些，
現在我了解的干法，分享一下：
1. 直接用ajax來添加操作頁面，就是一個標簽一個div，類似于這個：http://www.j-ui.com
2. 利用angularjs的路由來控制，內部其實還是ajax。只是操作起來更方便而已。
但這兩個也有缺點，項目團隊中需要有一個人對css,js有一定的經驗，尤其是angularjs，入門需要一定的時間或基礎。
所以：個人的建議，項目不大，或者后期維護不是很頻繁，iframe是暫時可行的方案，如果反之，就需要其它方案。

感謝版主分享！

剛才試了一下用ajax直接加載頁面到div中，這樣兩個頁面處于同一個window對象下。命名空間會產生沖突，似乎多人同時開發不同頁面不是很方便呢~

感謝版主分享！

剛才試了一下用ajax直接加載頁面到div中，這樣兩個頁面處于同一個window對象下。命名空間會產生沖突，似乎多人同時開發不同頁面不是很方便呢~

這個問題兩個思路，
一個是手動添加命名空間，所有的方法注冊在手動的命名空間里邊。
http://www.cnblogs.com/Jackey_Chen/archive/2011/08/02/2125287.html
二，用模塊化，requirejs,seajs，最近webpack什么的。但是越新的入門曲線略陡。選擇合適當前項目的。

iframe就是一坑貨。。

Jsoup Document doc1 = Jsoup.connect("http://www.paperyy.com/").get();
Document doc2 = Jsoup.connect("http://www.paperyy.com")
.data("query", "Java")//請求參數
.userAgent("Mozilla")//設置urer-agent
.cookie("auth", "token")//設置cookie
.timeout(50000)//設置連接超時
.post();//或者改為get

System.out.println("http://www.paperyy.com");

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com