在html中的IF/ELSE上添加JS和CSS文件

Question

这是情况在开发环境中，我必须添加如下所示的 css 和 js 文件<script src="../../js/file.js"><link rel="stylesheet" type="text/css" href="../../css/file.css">在生产环境中，我必须添加与下面相同的 css 和 js 文件，并更改 src 属性<script src="js/file.js"><link rel="stylesheet" type="text/css" href="css/file.css">任何动态而不是手动执行的解决方案

Answer 1

您可以为此使用PHP。

在导入/包含，使用 <?php echo dirname(dirname($_SERVER['PHP_SELF'])); ?>

例如：

<link rel="stylesheet" type="text/css" href="<?php echo dirname(dirname($_SERVER['PHP_SELF'])); ?>/css/style.css">

dirname($_SERVER['PHP_SELF']) 将返回当前文件目录的路径。

dirname(dirname($_SERVER['PHP_SELF']));将返回当前文件目录之前的路径。您可以在此处和关于$_SERVER['PHP_SELF'] 此处阅读更多相关信息。

关于使用PHP，请单击此处。

Answer 2

您可以根据 IF 动态创建样式和脚本标签。

    var link = document.createElement('link');

    link.setAttribute('rel', 'stylesheet');

    link.setAttribute('type', 'text/css');

    if (production)

        link.setAttribute('href', 'css/my.css');

    else

        link.setAttribute('href', 'css/dev_my.css');

    document.getElementsByTagName('head')[0].appendChild(link);