Javascript根据屏幕大小编写新的Javascript链接

我试图找出如何编写以下代码，只有当窗口宽度大小小于等于480时

<%= javascript_include_tag 'idangerous.js' %>
<%= javascript_include_tag 'custom.js' %>
<%= stylesheet_link_tag 'idangerous.swiper' %>

到目前为止，我掌握的情况如下：

<script type="text/javascript">
$(function () {
  var width = $(window).width();
  if (width <= 480) {
    _output.innerHTML = "<%= javascript_include_tag 'idangerous.js' %>";
    _output.innerHTML = "<%= javascript_include_tag 'custom.js' %>";
    _output.innerHTML = "<%= stylesheet_link_tag 'idangerous.swiper' %>";
  }
});
</script>

$（函数（）{
变量宽度=$（窗口）.width（）；
如果（宽度As）由于浏览器HTML解析器将看到字符串中的
，并将其解释为脚本元素的结尾，因此无法将脚本标记附加为字符串（至少不能在不拆分字符串的情况下），则必须动态创建它们

if (window.clientWidth <= 480) {
    var scripts = ['idangerous.js', 'custom.js', 'idangerous.swiper'];
    for (var i=0; i<scripts.length; i++) {
        addScript(scripts[i])
    }
}

function addScript(src) {
   var head = document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = src;
   head.appendChild(script);
}

if（window.clientWidth试图在body中追加？
$（“body”）.append（）
-这里有文档-不，我没有…好主意，有没有办法把它放在所有内容的底部，比如正文中的最后一项？是的，它们将在正文的结束标记之前附加在底部？有没有一种方法可以编写类似于php的javascript，在这里可以添加文本或其他内容，有没有基于屏幕的java大小是否？我在想..对不起.那会起作用，但这样做，实际上会使我的所有其他Java脚本无法正常工作。无论如何，我可以告诉Javascript在
之前将其放在
的末尾？这样做，它使用appendChild，因此它会将其附加在头部部分的底部。可能是路径不是不正确，不确定本机rails函数输出什么，但它肯定会输出整个脚本标记，这些字符串中的结束标记将导致问题，正如答案中所述，因为浏览器将其解析为结束脚本标记。不确定原因，但我原始问题的第一段，rails的标记，当我使用这些标记时，everything正常工作，但在所有设备上加载这3个，我需要它们仅在480或更低屏幕上加载，使用任何JS解决方案，部分工作。您必须在控制台中检查脚本标记，只需删除条件，使其在所有屏幕上工作，然后查看脚本标记是否与rails输出的相同。我相信rails中有一个javascript_路径可以让您找到文件的正确路径，但不确定。