0

我有两个页面 index.html 和 login.html。我不知道我应该在哪里添加我的 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');
    }
});

登录.html：

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

登录.js：

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

我的警报：索引、登录、索引、登录。但我只想要索引和登录。我的意思是每次都应该加载全局 javascript 文件，例如 codoba.js jquery.js。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 回答