這是我的previous question的後續行動。客戶端應用程序的模塊化方法
假設有一個網頁登錄表和註冊鏈接。當用戶點擊鏈接時,會顯示一個新的註冊表單。假設我還爲這兩種模塊化形式創建了單獨的HTML
,CSS
和JavaScript
文件。
現在的網頁應該包含一些JavaScript
代碼加載登錄形式,當頁面加載,並且在點擊鏈接加載的註冊形式。
這種方法有意義嗎?有沒有實現這種方法的框架/庫?你會如何建議實施它?
這是我的previous question的後續行動。客戶端應用程序的模塊化方法
假設有一個網頁登錄表和註冊鏈接。當用戶點擊鏈接時,會顯示一個新的註冊表單。假設我還爲這兩種模塊化形式創建了單獨的HTML
,CSS
和JavaScript
文件。
現在的網頁應該包含一些JavaScript
代碼加載登錄形式,當頁面加載,並且在點擊鏈接加載的註冊形式。
這種方法有意義嗎?有沒有實現這種方法的框架/庫?你會如何建議實施它?
我認爲這個想法有一些問題。首先,您應該知道在主文檔中加載另一個完全分離的頁面有一些舊式的方式。使用"iframe"
標籤是做這種事最流行和不安全的方法之一。顯示彈出窗口並使用"window.open"
是另一種可以顯示新窗口並加載完全分隔的特定網址的方式。但...
有很多原因,我現在要建議你不要以任何提及的方式做到這一點。您可以簡單地使用諸如"JQuery"
之類的庫來加載當前頁面中的另一個html,而無需加載導致性能問題的新資源。我相信你應該搜索"JQuery $.get"
,你會看到它會是多麼容易。
希望它有幫助。 乾杯
是的,這對我有意義。我非常喜歡這種方法,因爲我認爲將應用程序分成更小的塊可以使開發更容易。
Basicly你需要respecticly追加link
和script
代碼插入HTML的head
部分加載css
和js
文件。要加載模塊的html
部分,您可以簡單地使用jQuery.get()方法,正如其他答案所建議的那樣。
我試圖實現它。我最近在這方面發佈了我的工作。一個小代碼庫。實際上,在我的方法中,每個模塊都有其自己的文件夾及其js,html和css文件以及可選的服務器端文件,就像php或aspx文件一樣,將被javascript調用以查詢服務器。
here is the project page in github called Yuva
看看,讓我知道,如果這對你有意義。