在頁面之間瀏覽 (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 控制項

了解如何將 Hub 控制項新增到使用 JavaScript 的 Windows 市集應用程式。

快速入門:針對配置和瀏覽使用 Pivot 控制項

了解如何使用 WinJS.UI.Pivot 控制項,在 Windows Phone 8.1 應用程式進行配置和瀏覽。

如何連結至外部網頁

了解如何連結至外部網頁,並讓它們顯示在您的應用程式中。

 

相關主題

適用於開發人員

您的第一個應用程式 - 第三部分:PageControl 物件與瀏覽

新增應用程式列

快速入門:使用單頁瀏覽

快速入門:新增瀏覽列 (NavBar)

快速入門:針對配置和瀏覽使用 Hub 控制項

WinJS.Navigation Namespace

WinJS.UI.Hub object

WinJS.UI.AppBar object

WinJS.UI.NavBar object

WinJS.UI.BackButton object

HTML Hub 控制項範例

HTML AppBar 控制項範例

HTML NavBar 控制項範例

瀏覽和瀏覽歷程記錄範例

適用於設計者

瀏覽模式

命令模式

配置

返回按鈕

Hub 控制項的指導方針

應用程式列的指導方針

設計無障礙應用程式列