o-page 組件
o-page 是 ofa.js 中的核心組件之一,代表著一個獨立的頁面或頁面模塊。以下是 o-page 的一些關鍵屬性和方法:
src 屬性
src 屬性用於指定頁面模塊的具體地址。這是指定頁面內容和行為的關鍵屬性,告訴應用程序從哪裏加載特定頁面的內容。
// 示例代碼:獲取當前頁面的地址
// const page = $("o-app").current;
...
ready(){
// 在頁面模塊的生命周期內,this 就是當前頁面模塊本身;
const page = this;
}
...
goto 方法
goto 方法用於從當前頁面跳轉到另一個頁面。相比較於 app 的 goto 方法,page 的 goto 方法可以使用相對地址來導航到其他頁面。
// 示例代碼:在當前頁面模塊內跳轉到其他頁面
page.goto("./page2.html");
replace 方法
replace 方法用於替換當前頁面為另一個頁面。這與 app 的 replace 方法類似,但是在頁面內進行替換操作。
// 示例代碼:在當前頁面模塊內將當前頁面替換為另一個頁面
page.replace("./new-page.html");
back 方法
back 方法用於返回到前一個頁面。這會導航用戶回到上一個頁面,類似於瀏覽器的後退操作。
// 示例代碼:返回到前一個頁面
page.back();