У вас может быть несколько страниц (html).
только есть скрипты и другие подробности на странице index.html со структурой, как показано ниже:
<!DOCTYPE HTML>
<html>
<head>
<title>Demo</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div id="pageIndex" data-role="page" class="content" data-theme='b'>
</div>
</body>
</html>
И тогда вы можете иметь отдельные страницы (HTML), как показано ниже в некоторой HTML папке:
<div id="pageLogin" data-role="page" class="content" data-theme='b'>
<div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'>
<h1>Header - Login Page</h1>
</div>
<div data-role="content">
Content for Login Page
</div>
</div>
Index.html будет загружен по умолчанию, а затем в палатах вы можете использовать страницу смены jQuery для мобильных устройств в соответствующих событиях на странице.
$(document).on("pageshow", "#pageIndex", function() {
//directly navigate to the login page
$.mobile.changePage("html/pageLogin.html");
});
$(document).on("pageshow", "#pageLogin", function() {
//directly navigate to the home page on validation of user in login buttion click event
$.mobile.changePage("html/pageHome.html");
});
В вашем приложении может быть несколько страниц html, вы можете открыть свою страницу html с помощью window.open («http://www.aaabbb.com»); или получить информацию о плагине InAppBrowser – AshBringer