判断设备是否为手机

1
2
3
4
5
6
7
8
9
10
11
//判断设备是否为手机
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  isMobile = isIphone || isAndroid;
if (isMobile) {
  include_css("test1.css");
} else {
  include_css("test2.css");
}

网页 js 加载 css 样式表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 网页js加载css样式表
var css;
function include_css(css_file) {
  var html_doc = document.getElementsByTagName("head")[0];
  css = document.createElement("link");
  css.setAttribute("rel", "stylesheet");
  css.setAttribute("type", "text/css");
  css.setAttribute("href", css_file);
  html_doc.appendChild(css);

  // alert state change
  css.onreadystatechange = function () {
    if (css.readyState == "complete") {
      console.log("CSS onreadystatechange fired");
    }
  };
  css.onload = function () {
    console.log("CSS onload fired");
  };
  return false;
}