0

index.html と login.html の 2 つのページがあります。js ファイルをどこに追加すればよいかわかりません。多くのjsファイルがあり、ページが変更されるたびにすべてのjsをロードしたくありません。私のコードは次のようなものです:index.html

<!DOCTYPE HTML>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />
    <script src="js/jquery-1.9.1.js"></script> 
    <script src="js/jquery.mobile-1.3.2.js"></script> 
    <script src="js/PushNotification.js"></script>
    <script src="js/cordova.js"></script>
  </head>

  <body>
    <div id="indexPage" data-role="page" >
      <div data-role="header" data-position="fixed">
        <a href="indexPage" data-icon="home" data-iconpos="notext"></a>
        <h1>Anasayfa</h1>
        <a onClick="logOut()" href="login.html" class="logoffButton" data-role="button" 
    id="logoffButton"  data-icon="delete" data-iconpos="notext" rel="external" ></a> 
      </div>
      <script src="js/index.js"></script>
    </div>

  </body>
</html>

index.js:

$('#indexPage').on('pageshow', function(event) {
    var user = jQuery.parseJSON(localStorage.getItem('userInfo'));
    if (user == null) {
        alert("index");
        $.mobile.changePage('login.html');
    }
});

login.html:

<!DOCTYPE HTML>
<html>
  <head>...</head>
  <body>
    <div id="loginPage" data-role="page" >
      <script src="js/login.js"></script>
    </div>
  </body>
</html>

login.js:

$('#loginPage').on('pageshow', function(event) {
    alert("login");  
});

マイ アラート: インデックス、ログイン、インデックス、ログイン。しかし、インデックスとログインだけが必要です。つまり、codoba.js jquery.js などのグローバル javascript ファイルは毎回ロードする必要があります。また、index.js login.js は、それらのページが読み込まれるときに読み込まれる必要があります。

4

1 に答える 1

0

ブラウザもコンテンツをキャッシュできることを考慮してください。IIS を使用している場合は、次のようにフォルダーごとに web.config ファイルを作成することで、特定のコンテンツのキャッシュを構成してページを高速化できます。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
     <staticContent>
        <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="1.00:00:00" />
     </staticContent>
  </system.webServer>
</configuration>
于 2013-10-17T15:07:35.350 に答える