在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。在导入/包含，使用&nbsp;<?php echo dirname(dirname($_SERVER['PHP_SELF'])); ?>例如：<link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;href="<?php&nbsp;echo&nbsp;dirname(dirname($_SERVER['PHP_SELF']));&nbsp;?>/css/style.css">dirname($_SERVER['PHP_SELF'])&nbsp;将返回当前文件目录的路径。dirname(dirname($_SERVER['PHP_SELF']));将返回当前文件目录之前的路径。您可以在此处和关于$_SERVER['PHP_SELF']&nbsp;此处阅读更多相关信息。关于使用PHP，请单击此处。

Answer 2

您可以根据 IF 动态创建样式和脚本标签。&nbsp; &nbsp; var link = document.createElement('link');&nbsp; &nbsp; link.setAttribute('rel', 'stylesheet');&nbsp; &nbsp; link.setAttribute('type', 'text/css');&nbsp; &nbsp; if (production)&nbsp; &nbsp; &nbsp; &nbsp; link.setAttribute('href', 'css/my.css');&nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; link.setAttribute('href', 'css/dev_my.css');&nbsp; &nbsp; document.getElementsByTagName('head')[0].appendChild(link);