在頁面之間瀏覽 (HTML)
[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]
了解如何在您的應用程式支援頁面和內容間的瀏覽。
大部分的應用程式都提供多個頁面的內容與功能,供使用者探索並吸引使用者注意。我們將在此處說明應用程式通常如何使用「單頁瀏覽」**模型,並說明如何使用透過適用於 JavaScript 的 Windows Library (WinJS) 所提供的專用控制項來實作瀏覽。
「多頁瀏覽」**用於在頁面或畫面之間瀏覽,而不需擔心應用程式的內容。相對於應用程式,這是網站內非常典型的網頁。每個頁面都有屬於自己的一組 JavaScript 函式與資料,一組用於顯示的新 HTML 標記,以及樣式資訊。
相反地,單頁瀏覽模型會使用單一頁面來保有應用程式內容,並視需要載入其他資料與內容。您仍然將應用程式分割為多個檔案,但是應用程式不是在頁面之間移動,而是將其他文件載入主頁面。因為您從未解除載入應用程式的主頁面,所以您的指令碼也從未解除載入,這讓指令碼能夠更容易管理狀態、轉換或製作動畫。我們建議 app 採用單頁瀏覽模型。
Microsoft Visual Studio 適用於 app 的 JavaScript 專案範本使用單頁瀏覽模型。在這個模型中,系統會透過頁面的 URI,將 HTML 頁面載入單一的全 app 內容中。系統會視需要載入頁面,通常是回應使用者動作。
為協助您的應用程式選擇最佳的瀏覽模式,請參閱瀏覽模式。
如需了解此功能的運作情形,請參閱應用程式功能,從開始到完成系列中的單層瀏覽和階層式瀏覽模式。
在這個章節中
主題 | 說明 |
---|---|
了解單頁瀏覽模型,以及如何使用 PageControl 物件和 WinJS.Navigation 功能,在自己的應用程式中實作這種模型。 |
|
了解如何將瀏覽列 (也稱為「瀏覽器列」""或「頂端應用程式列」"") 新增到使用 JavaScript 的 Windows 市集應用程式。 |
|
了解如何將 Hub 控制項新增到使用 JavaScript 的 Windows 市集應用程式。 |
|
了解如何使用 WinJS.UI.Pivot 控制項,在 Windows Phone 8.1 應用程式進行配置和瀏覽。 |
|
了解如何連結至外部網頁,並讓它們顯示在您的應用程式中。 |
相關主題
適用於開發人員
您的第一個應用程式 - 第三部分:PageControl 物件與瀏覽
適用於設計者