Question

我有两页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');
    }
});

的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");  
});

我的提醒：索引，登录，索引，登录。但我只想要索引和登录。我的意思是全局javascript文件应该每次加载，如codoba.js jquery.js。并且index.js login.js应该在加载页面时加载。

Answer 1

考虑到浏览器也能够缓存内容。如果您正在使用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>

Jquery移动脚本放置

1 个答案: