在 cordova ios 应用中，页面跳转不依赖原生 viewcontroller 切换，而是基于标准 web 导航机制；通过修改 `window.location.href` 即可实现 html 页面间的无缝跳转，简单高效且跨平台兼容。
Cordova 是一个基于 WebView 的混合开发框架，其 iOS（及 Android）应用本质是一个嵌入了 Web 内容的原生容器。因此，页面导航不是通过 Objective-C/Swift 的 pushViewController 或 presentViewController 实现，而是完全遵循 Web 标准——即使用 HTML、CSS 和 JavaScript 控制多页应用（Multi-Page Application, MPA）的流程。
最简洁可靠的跳转方式是为按钮绑定事件，动态设置 window.location.href：
<!-- index.html -->
<button id="login">点击进入添加商品页</button>
<script type="text/javascript">
document.getElementById("login").onclick = function () {
window.location.href = "addProduct.html";
};
</script>✅ 关键说明：
- addProduct.html 必须与当前页面（如 index.html）位于同一目录下（或使用相对/绝对路径正确引用），且已包含在 Cordova 项目的 www/ 目录中；
- Cordova 会自动将该 HTML 文件打包进 iOS App Bundle，WebView 可直接加载，无需额外配置路由；
- 此方式兼容所有 Cordova 平台（iOS/Android），无需编写任何原生代码；
- 避免使用 window.open()（会触发外部浏览器）或 location.replace()（不可后退）——href 赋值保留浏览器历史栈，支持系统返回按钮。
⚠️ 注意事项：
- 确保目标页面（如 addProduct.html）已正确定义 <html> 结构、引入必要 JS/CSS，并初始化 Cordova 插件（若需访问设备 API，务必等待 deviceready 事件）；
- 若需传递参数（如用户 ID），推荐使用 URL 查询参数（如 "addProduct.html?userId=123"），再在目标页用 new URL(window.location).searchParams 解析；
- 对于复杂应用，建议后续升级为单页应用（SPA）架构（如配合 Vue Router 或 Ionic Angular Router），以获得更流畅的体验和状态管理能力。
总之，Cordova 的页面导航本质是 Web 导航——保持简单、语义清晰、符合标准，才是 iOS 混合开发的最佳实践。
