如何根据窗口宽度添加js文件？

Question

我想只在我的屏幕小于800时添加js文件。怎么可能。 我有以下代码段：

<script> localhost/script/test1.js</script>

如果宽度大于800，我想添加test1.js。 请帮我。 感谢

Answer 1

也许你需要这样的东西： 1.检查窗口内部宽度是多少。 2.创建新的脚本元素并设置所需的属性。 3.将新创建的元素追加到头部。

 if(window.innerWidth < 800){
      var fileToLoad=document.createElement('script')
      fileToLoad.setAttribute("type","text/javascript")
      fileToLoad.setAttribute("src", filename)
      document.getElementsByTagName("head")[0].appendChild(fileToLoad)
  }