Javascript 根据浏览器大小从脚本更改src

我的网站有点问题

我正试图根据脚本位于div中的浏览器大小从脚本中更改src属性

下面是代码的样子

---

设置脚本标记的SRC属性只能执行一次。您已经通过编程方式附加了新的脚本标记

---

查看此答案

此解决方案如何：

<div id="container" style="margin: 15px 0px 0px; display: inline-block; text-align: center;">
    <script id="world" type="text/javascript" src="<your src>"></script>
</div>





var w = window.innerWidth;
  $("#demo").html("Width: " + w);
  $("#world").remove();
  if (w > 991) {
      $('#container').append('<script id="world" type="text/javascript" src="<your src>"></script>');
  }
  else if (w < 991) {
      $('#container').append('<script id="world" type="text/javascript" src="<your src>"></script>');
  };

var w=窗内宽度；
$（“#demo”）.html（“宽度：+w”）；
$（“#世界”）.remove（）；
如果（w>991）{
$（“#容器”）。追加（“”）；
}
否则，如果（w<991）{
$（“#容器”）。追加（“”）；
};

appendChild

也可以为div调用，因此您可以查找div并将脚本标记作为子项附加到它。但我怀疑这是否正确。我将按原样下载脚本，并让脚本本身根据屏幕分辨率进行配置。我认为下载不同分辨率的脚本会产生不必要的复杂性和开销。也许对脚本内容的一点了解可以让我们更详细地建议如何使其适用于多种屏幕大小。@Budi Wijaya-您不需要在双引号前加\号。脚本标记周围有单引号，因此不需要。是否确实已将id=“container”添加到保存脚本的div中？如果是的话，请把你的密码贴在小提琴上，我会查一下。