根据用户代理加载JavaScript文件和css文件 [英] Load a javascript file and css file depending on user agent

问题描述

我得到了两个文件：一个是javascript文件，一个是css文件。如果用户代理是iPad ，我希望加载这些文件 - 但仅当用户代理是 iPad 时。所以下面两行仅在user-agent是iPad时加载。我怎么做到这一点？

 < link rel =stylesheethref =/ c / dropkick.csstype =文本/ CSS/> 
< script src =/ s / jquery.dropkick-1.0.0.jstype =text / javascript>< / script> 
  

解决方案

  if navigator.userAgent.match（/ iPad / i）！= null）{//可能需要更改？ 
 var js = document.createElement（'script'）; 
 js.type =text / javascript; 
 js.src =/s/jquery.dropkick-1.0.0.js; 
 
 var css = document.createElement（'link'）; 
 css.type =text / css; 
 css.rel =stylesheet; 
 css.href =/c/dropkick.css; 
 
 var h = document.getElementsByTagName（'head'）[0]; 
 h.appendChild（js）; 
 h.appendChild（css）; 
} 
  

或者在 User-Agent 标题。

参考资料：

• window.navigator.userAgent


• document.createElement


• node.appendChild
  

Just like in the title.

I got two files: one is javascript file and one is css file. And if user-agent is an iPad I want to load those files - but only when user-agent is iPad. So below two lines are only loaded when user-agent is an iPad. how can i achieve that

<link rel="stylesheet" href="/c/dropkick.css" type="text/css"/>
<script src="/s/jquery.dropkick-1.0.0.js" type="text/javascript"></script>

解决方案

if (navigator.userAgent.match(/iPad/i) != null){ // may need changing?
  var js = document.createElement('script');
  js.type = "text/javascript";
  js.src = "/s/jquery.dropkick-1.0.0.js";

  var css = document.createElement('link');
  css.type = "text/css";
  css.rel = "stylesheet";
  css.href = "/c/dropkick.css";

  var h = document.getElementsByTagName('head')[0];
  h.appendChild(js);
  h.appendChild(css);
}

Or whatever would be in the User-Agent header for an iPad.

References:

• window.navigator.userAgent
• document.createElement
• node.appendChild

这篇关于根据用户代理加载JavaScript文件和css文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！