在 cordova ios 应用中，页面跳转无需原生 viewcontroller 编码，只需通过标准 web 方式（如修改 `window.location.href`）即可实现 html 页面间的无缝导航。
Cordova 是一个基于 Web 技术（HTML/CSS/JS）构建跨平台移动应用的框架，其 iOS 版本本质上运行于 WKWebView（或旧版 UIWebView）中。因此，页面导航不依赖 Objective-C/Swift 的 ViewController 推送机制，而是完全遵循 Web 语义——即通过改变当前 WebView 的 URL 来加载新 HTML 文件。
✅ 基础导航方式：window.location.href
最简单、最可靠的方式是为按钮绑定点击事件，并将 window.location.href 指向目标 HTML 文件路径（相对路径，需确保文件位于 www/ 目录下）：
<!-- index.html -->
<button id="login">Click to Go to Add Product</button>
<script type="text/javascript">
document.getElementById("login").onclick = function () {
window.location.href = "addProduct.html";
};
</script>⚠️ 注意事项：所有页面（如 index.html、addProduct.html）必须置于项目 www/ 根目录或其子目录中；路径为相对路径，不加协议（如 file://）或主机名；Cordova 自动解析为本地 file:// URL；避免使用 window.open()（默认打开外部浏览器）或 未加 target="_self"（iOS 可能意外触发外部跳转）；若需保留历史记录以便返回（如用户点击系统返回键），推荐使用 window.location.replace() 替代 href —— 它会替换当前历史项而非新增，避免栈溢出。
? 进阶建议：增强体验与兼容性
- SPA 风格优化（可选）：对复杂应用，建议引入轻量路由库（如 Page.js）实现无刷新路由，配合 pushState 管理 URL 和视图，提升性能与用户体验；
- 页面生命周期监听：利用 Cordova 提供的 pause/resume 事件或自定义 pagebeforeshow（需配合 jQuery Mobile 等框架）处理页面切换逻辑；
- iOS 特定调试提示：若跳转失败，请检查 Xcode 控制台是否报错 Failed to load resource —— 大概率是路径错误或文件未正确添加至 Xcode 的 Copy Bundle Resources 构建阶段。
总之，在 Cordova iOS 中，“页面导航”本质是 WebView 的 URL 加载行为。摒弃原生思维，拥抱 Web 标准，即可快速、稳定地实现多页应用流程。
