如何使用外部Javascript在CSS文件之间切换

Question

我正在为我的Web设计课程工作在一个网站上，并且正在编写这两种CSS脚本，这些脚本将根据是否检测到适当的用户代理，将其格式化为桌面浏览器或移动浏览器。 我能够轻松地检测到移动浏览器的存在，并且默认CSS是台式机，我遇到的问题是在它们之间进行切换。 该部门的常驻Web编程专家告诉我，永远不要将Javascript直接放到html文件中，并且应该将其全部放在外部文件中，到目前为止，我仍然可以坚持使用。

现在我的问题是，如果不使用内联Javascript，就无法找到确定要加载哪个CSS文件的方法。 我用来检测移动浏览器是否存在的脚本会根据检查useragent的结果返回一个布尔值，我将使用它来加载适当的CSS文件。

问题 ：我应该如何编写一个Javascript文件来加载适当的CSS文件？

我用于检测移动（Android）浏览器的脚本是：

var deviceAndroid = "android";

function DetectAndroid()
{
   if (uagent.search(deviceAndroid) > -1)
      return true;
   else
      return false;
}

Answer 1

我认为您可以编写一个JS函数来找到它并在确定要访问的设备的类型时对其进行更改，您可以在此处查看此类JS。

您也可以尝试通过标签同时加载两个样式表，并为台式机（屏幕）或移动设备（手持式）添加“媒体”属性，您可以查看此stackoverflow 帖子

希望对您有所帮助。