Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
什么';在不同页面中加载javascript的最佳(快速)方法是什么?_Javascript_Php_Jquery_Html_Browser Cache - Fatal编程技术网

什么';在不同页面中加载javascript的最佳(快速)方法是什么?

什么';在不同页面中加载javascript的最佳(快速)方法是什么?,javascript,php,jquery,html,browser-cache,Javascript,Php,Jquery,Html,Browser Cache,在不同页面中加载快速javascript的最佳方法是什么?我的自定义Javascript应该为每个页面单独设置,还是所有自定义Javascript都应该只存在于一个common custom.js文件中,并将该文件包含在页脚中 require_once($header); include_once($page2.php); require_once($footer); <script src="js/custom-page2.js"></script>//separat

在不同页面中加载快速javascript的最佳方法是什么?我的自定义Javascript应该为每个页面单独设置,还是所有自定义Javascript都应该只存在于一个common custom.js文件中,并将该文件包含在页脚中

require_once($header);
include_once($page2.php);
require_once($footer); 
<script src="js/custom-page2.js"></script>//separate for each page

require_once($header);
include_once($page1.php);
require_once($footer); 
<script src="js/custom-page1.js"></script>//separate for each page
require_once($header);
包括_一次($page2.php);
一次需要_($footer);
//每一页都要分开
一次需要_($header);
包括_一次($page1.php);
一次需要_($footer);
//每一页都要分开

//在footer.php中,在一个文件中包含所有js

如果所有页面共享相同的脚本,使用一个脚本会更好

如果他们使用不同的脚本,您可以剪切每个页面不需要的内容并保存在HTTP请求上

或者两者的混合

那…那要看情况了


基本规则:如果您不需要它,就不要加载它。

如果所有页面共享相同的脚本,使用一个脚本会更好

如果他们使用不同的脚本,您可以剪切每个页面不需要的内容并保存在HTTP请求上

或者两者的混合

那…那要看情况了


基本规则:如果您不需要,请不要加载它。

我建议您按照以下顺序创建html页面:

  • HTML全包
  • 标题(例如一页中的样式)
  • 主体包括:
    • Javascript模块
    • 主HTML DOM
    • Javascript DOM修饰符和启动器
与此相同:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <script type="text/javascript" src="modules.js"></script>
    <div class="body"></div>
    <script type="text/javascript" src="functions.js"></script>
</body>
</html>

我建议您按照以下顺序创建html页面:

  • HTML全包
  • 标题(例如一页中的样式)
  • 主体包括:
    • Javascript模块
    • 主HTML DOM
    • Javascript DOM修饰符和启动器
与此相同:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <script type="text/javascript" src="modules.js"></script>
    <div class="body"></div>
    <script type="text/javascript" src="functions.js"></script>
</body>
</html>

  • 最好将所有js放在头文件中(至少在理论上,在加载所有头文件之前,浏览器不会呈现页面)

  • 浏览器(代理等)将缓存您的js,因此不会在每次请求时都从您的站点获取js。浏览器将仅检查文件是否已更改

  • 在大多数情况下,浏览器将为所有请求保持单一连接,但如果没有更改,它仍然必须请求每个js文件。在开发过程中,我将js逻辑保存在单独的小文件中,然后将它们合并以用于生产

  • 最好将所有js放在头文件中(至少在理论上,在加载所有头文件之前,浏览器不会呈现页面)

  • 浏览器(代理等)将缓存您的js,因此不会在每次请求时都从您的站点获取js。浏览器将仅检查文件是否已更改

  • 在大多数情况下,浏览器将为所有请求保持单一连接,但如果没有更改,它仍然必须请求每个js文件。在开发过程中,我将js逻辑保存在单独的小文件中,然后将它们合并以用于生产


  • 您可以发现,请记住页面加载的速度。如果你有很多不必要的功能,保持文件简短&特定于页面。你可以发现,记住页面加载的速度。如果你有很多不必要的功能,保持文件简短&特定于页面。