如何为屏幕尺寸小于768px的外部js文件调用<script src =“ path_to_file / file_name.js”>？

Question

我有一个包含PHP Yii代码的文件，该文件是使用引导程序设计的。在这种情况下，我只需要屏幕宽度768px或更小的特定外部js文件。屏幕尺寸小于768px的外部js文件如何调用？

我尝试过：
    <div class="show-xs"> <script src="path_to_file/file_name.js"> </div>
div的样式为“ display：none”（最高768px），“ display：block”（最高768px）

Answer 1

已验证并且可以正常工作！

<script>
if (screen && screen.width < 768) {
  document.write('<script type="text/javascript" src="path_to_file/file_name.js"><\/script>');
}
</script>