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

【问题标题】：Add JS and CSS files on IF/ELSE in html在 html 中的 IF/ELSE 上添加 JS 和 CSS 文件
【发布时间】：2019-07-30 12:41:58
【问题描述】：

情况如下

在 Dev Environemt 中，我必须添加 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">

任何动态而不是手动的解决方案

谢谢

【问题讨论】：

见stackoverflow.com/questions/4847313/…
可以在客户端做，但恕我直言，应该在服务器端处理
在我的情况下需要在客户端完成

标签： javascript

【解决方案1】：

您可以根据 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);

【讨论】：

【解决方案2】：

您可以为此使用 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'])); 将返回当前文件目录之前的路径。您可以阅读更多关于 here 和 $_SERVER['PHP_SELF'] here 的信息。

关于使用PHP，click here.

【讨论】：

您可以改用__dirname。阅读here 和here。