Php 将js库包含在主体内部，并且只针对一个页面

在我的项目中，我只在一个页面中使用GoogleCharts js库，并且我有外部和全局页眉和页脚。head标记位于head.php文件中，其中包含所需的js库。我的页面结构如下：

<?php
require('header.php');
?>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');
?>

我的正文部分在这里

---

我可以在header.php中包含google图表库。它将在每个页面加载，但我只需要在一个页面它。因此，我不想使加载进度变慢。只有在加载此特定页面时，我如何才能包含该库？可能吗？提前感谢。

只需在包含标题之前添加一个变量，然后在header.php中检查该变量

<?php
//page that requires the js
$chartjs = true;
require('header.php');
?>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');
?>

我的正文部分在这里

---

只需在包含标头之前添加一个变量，然后在header.php中检查该变量

<?php
//page that requires the js
$chartjs = true;
require('header.php');
?>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');
?>


我的正文部分在这里


只需在包含标头之前添加一个变量，然后在header.php中检查该变量

<?php
//page that requires the js
$chartjs = true;
require('header.php');
?>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');
?>


我的正文部分在这里


只需在包含标头之前添加一个变量，然后在header.php中检查该变量

<?php
//page that requires the js
$chartjs = true;
require('header.php');
?>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');
?>


我的正文部分在这里


或者，您可以根据页面的上下文通过JavaScript有条件地加载它，为了便于使用Ajax端，我将在这里使用jQuery，例如：

页面正文：

Header.php

var$charts=$（'.chart'）；
如果（$charts.length）{
$.getScript（“charts.js”，function（））{
$charts.plot（）；//初始化。
});
}

然而，这将延迟图表的加载。另外，有关如何在没有jQuery库的情况下加载的参考，请参阅，以获取关于页面加载后脚本的一些好参考

参考
或者，您可以根据页面的上下文通过JavaScript有条件地加载它，为了便于使用Ajax端，我将在这里使用jQuery，例如：

页面正文：

Header.php

var$charts=$（'.chart'）；
如果（$charts.length）{
$.getScript（“charts.js”，function（））{
$charts.plot（）；//初始化。
});
}

然而，这将延迟图表的加载。另外，有关如何在没有jQuery库的情况下加载的参考，请参阅，以获取关于页面加载后脚本的一些好参考

参考
或者，您可以根据页面的上下文通过JavaScript有条件地加载它，为了便于使用Ajax端，我将在这里使用jQuery，例如：

页面正文：

Header.php

var$charts=$（'.chart'）；
如果（$charts.length）{
$.getScript（“charts.js”，function（））{
$charts.plot（）；//初始化。
});
}

然而，这将延迟图表的加载。另外，有关如何在没有jQuery库的情况下加载的参考，请参阅，以获取关于页面加载后脚本的一些好参考

参考
或者，您可以根据页面的上下文通过JavaScript有条件地加载它，为了便于使用Ajax端，我将在这里使用jQuery，例如：

页面正文：

Header.php

var$charts=$（'.chart'）；
如果（$charts.length）{
$.getScript（“charts.js”，function（））{
$charts.plot（）；//初始化。
});
}

然而，这将延迟图表的加载。另外，有关如何在没有jQuery库的情况下加载的参考，请参阅，以获取关于页面加载后脚本的一些好参考

参考
您有几个选项。一个是史蒂夫在他的回答中推荐的

我想在图表页面中使用此选项：

require('header.php');
?>
<script type="text/javascript" src="chart.js"></script>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');

require（'header.php'）；
?>
我的正文部分在这里
你有几个选择。一个是史蒂夫在他的回答中推荐的

我想在图表页面中使用此选项：

require('header.php');
?>
<script type="text/javascript" src="chart.js"></script>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');

require（'header.php'）；
?>
我的正文部分在这里
你有几个选择。一个是史蒂夫在他的回答中推荐的

我想在图表页面中使用此选项：

require('header.php');
?>
<script type="text/javascript" src="chart.js"></script>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');

require（'header.php'）；
?>
我的正文部分在这里
你有几个选择。一个是史蒂夫在他的回答中推荐的

我想在图表页面中使用此选项：

require('header.php');
?>
<script type="text/javascript" src="chart.js"></script>

<div>my body elements of this page lie here </div>

<?php
require('footer.php');

require（'header.php'）；
?>
我的正文部分在这里
如果您已经在一个页面中加载了它，那么它将被缓存以用于所有后续页面，而不应该成为资源的拖累。你可以为一个页面创建一个特殊的头文件。@JayBlanchard说了什么，但是你也可以编写一个PHP函数来监视当前打开的URL，如果它与你的图表页面相匹配，然后将你需要的JS库回显到你的头文件HTML中……如果你已经在一个页面中加载了它，那么它将被缓存以用于所有后续的页面页面，不应该拖累资源。你可以为一个页面创建一个特殊的头文件。@JayBlanchard说了什么，但是你也可以编写一个PHP函数来监视当前打开的URL，如果它与你的图表页面相匹配，然后将你需要的JS库回显到你的头文件HTML中……如果你已经在一个页面中加载了它，那么它将被缓存以用于所有后续的页面页面，不应该拖累资源。你可以为一个页面创建一个特殊的头文件。@JayBlanchard说了什么，但是你也可以编写一个PHP函数来监视当前打开的URL，如果它与你的图表页面相匹配，然后将你需要的JS库回显到你的头文件HTML中……如果你已经在一个页面中加载了它，那么它将被缓存以用于所有后续的页面页面，不应该拖累资源。你可以为一个页面创建一个特殊的头文件