有条件加载JavaScript文件 [英] Conditionally load JavaScript file

问题描述

我有一个文件：

 < script type =text / javascriptsrc =js / jquery_computer.js>< / script> 
  

但是当屏幕宽度小于500像素时，我想加载另一个文件：

 < script type =text / javascriptsrc =js / mobile_version.js>< / script> 
  

我试过了所有的东西，但它不能正常工作。

解决方案

您必须自己在JS中创建该标记。像这样：

  var head = document.getElementsByTagName（'head'）[0]; 
 var js = document.createElement（script）; 
 
 js.type =text / javascript; 
 
 if（screen.width> 500）
 {
 js.src =js / jquery_computer.js; 
} 
 else 
 {
 js.src =js / mobile_version.js; 
} 
 
 head.appendChild（js）; 
  

I need a JS statement that determine which JavaScript file to use.

I have one file:

<script type="text/javascript" src="js/jquery_computer.js"></script>

But when the screen width is less than 500px, I want load another file instead:

<script type="text/javascript" src="js/mobile_version.js"></script>

I have tried everything and it is not working.

解决方案

You'd have to create that markup yourself in JS. Something like this:

var head = document.getElementsByTagName('head')[0];
var js = document.createElement("script");

js.type = "text/javascript";

if (screen.width > 500)
{
    js.src = "js/jquery_computer.js";
}
else
{
    js.src = "js/mobile_version.js";
}

head.appendChild(js);

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