Question

我目前正在使用Visual Studio中的Cordova项目。在这个项目中，我正在尝试构建2个html页面，让我称之为first.html和second.html。

在first.html中，我想添加一个指向second.html的链接，这允许我导航到second.html。我试过两种方法。

window.location的
```
window.location = "second.html"
```
标签
```
<a href=“second.html”></a>
```

结果，他们都导致错误说“发生异常消息：例外：无法重新定义属性：org“。

有谁能告诉我如何正确导航到新页面？

Answer 1

您可以使用window.location.href导航到另一个页面。一个例子如下所示

    function(){ window.location.href = "second.html";}

Answer 2

您可以使用以下行将一个页面导航到另一个页面。

 $('#yourelement').click(function(){      
    window.location.assign('name_of_page.html');
 });

Answer 3

试试这个对我有用

    <!DOCTYPE HTML>
    <html>
      <head>
        <title>My PhoneGap</title>

              <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script>      
              <script type="text/javascript" charset="utf-8">

                 function onLoad()
                 {
                      document.addEventListener("deviceready", onDeviceReady, true);
                 }

                 function onDeviceReady()
                 {
                      // navigator.notification.alert("PhoneGap is working");
                 }

                 function callAnothePage()
                 {
                    window.location = "test.html";
                 }

              </script>

      </head>

      <body onload="onLoad();">
            <h1>Welcome to PhoneGap</h1>
            <h2>Edit assets/www/index.html</h2>
            <button name="buttonClick" onclick="callAnothePage()">Click Me!</button>
      </body>
</html>

Answer 4

尝试一下：

 window.open("second.html");

window.open使用选定的URL打开一个新窗口/选项卡，而问题中提到的方法将当前页面重定向到选定的URL。

在cordova中，如何导航到另一个html页面？

4 个答案: