调整浏览器大小并在脚本中在线添加文件

Question

我有一个简单的脚本，可以根据屏幕扩展名添加任何文件。但是，当屏幕发生变化时，这对浏览器不起作用。如何在实时更改浏览器大小的脚本中上传文件？

我知道 jquery 中的 "resize"，但它不起作用。

{
if (screen.width > 601) document.write ('<script type="text/javascript" src="/js/one.js"></sc' + 'ript>');
else if (screen.width <= 600) document.write ('<script type="text/javascript" src="/js/two.js"></sc' + 'ript>'); 
if (screen.width < 990) document.write ('<script type="text/javascript" src="/js/three.js"></sc' + 'ript>');    
}

Answer 1

您可以在 body 元素中使用 onresize 函数。

<body onresize="myFunction()">


function myFunction() {
    var w = window.outerWidth;
    //write your code here
}

Answer 2

将您的代码放在 </body> 标签之前，如下所示：

<script type="text/javascript" src="/js/one.js" id="script_var"></script>

<script>
 $(window).on('resize', function () {
    var sw = $(window).width();
  if (sw < 900) {
      $('#script_var').attr("src", "/js/two.js");
    } else if (sw > 900) {
      $('#script_var').attr("src", "/js/three.js");
    }
 });
</script>

调整浏览器大小并在脚本中在线添加文件

Resize browser and add files online in script

javascript

jquery

resize