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

时间:2010-11-08 15:45:28

标签: javascript

我正在为我的网页设计课程编写一个网站,我正在编写两个CSS脚本,这些脚本将为桌面浏览器或移动浏览器格式化网站,具体取决于是否检测到适当的使用者。我能够轻松地检测到移动浏览器的存在,默认的CSS是桌面,我的问题是在它们之间切换。部门的常驻网络编程大师告诉我,你永远不应该将Javascript直接放入html文件中,并且它应该全部关闭外部文件,到目前为止我已经能够坚持。

现在我的问题是我无法找到一种方法来确定在不使用内联Javascript的情况下加载哪个CSS文件。我用来检测移动浏览器存在的脚本返回一个布尔值,具体取决于检查useragent的结果,我会用它来加载适当的CSS文件。

问题:如何编写将加载相应CSS文件的Javascript文件?

我检测移动(Android)浏览器的脚本是:

var deviceAndroid = "android";

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

1 个答案:

答案 0 :(得分:0)

我认为您可以编写一个JS函数来查找并更改它,因为您确定了正在访问的设备类型,您可以看一下这样的JS here

您可以尝试通过标记加载两个样式表并为桌面(屏幕)或移动(手持)设备添加“media”属性,您可以查看此stackoverflow post

我希望它有所帮助。