Question

为单独的页面添加样式文件，js脚本，脚本代码块的更好方法是什么？

例如，我有3个页面，index.php，about.php，contact.php和它们的一般标题。而对于index.php，我只需要css样式文件，所以包含jquery，fancybox，somepopup.js等所有其他文件是不合逻辑的，但对于about.php我需要包含jquery和fancybox，以及对于contact.php我不需要fancybox，但需要jquery和一些，我的块代码如，

<style>
  $('.lalala').bind('click', function() {
    //some code lalala
  });
</style>

什么是最好的，最快的方式（编译器）呢？我用过这样的东西 ($_SERVER['PHP_SELF'] == '/index.php' || $_SERVER['PHP_SELF'] == '/banana.php')? '<script src="js/ckeditor/my_conf.js"></script>' :''

但是当我有超过5个文件，以及我需要根据页面传递的一些块代码时，它看起来非常糟糕。那么也许有更好的方法来做到这一点？

Answer 1

最佳解决方案是将所有文件合并为一个。例如，您可以创建application.js和application.css。您可以在PHP中手动或动态地执行此操作。

$css = scandir('./css/');
$apllicationCSS = array();

foreach($css as $file)
{
    if($file !== '.' and $file !== '..')
    {
        $apllicationCSS[] = file_get_contents('./css/' .  $file);
    }
} 

file_put_contents('application.css', implode("\n", $applicationCSS));

我没有测试过，但你应该全面了解。代码需要改进。您可以使子目录递归工作或删除空格以最小化文件的权重。

包含样式文件的最佳方式

1 个答案: