Question

有人能告诉我如何根据HTML页面的屏幕大小更改JavaScript文件吗？其实我正在制作一个收养网站，我需要根据屏幕大小更改一些js文件。实际上这些js文件用于此站点的横幅，因此当屏幕大小更改时，横幅将会更改。因此，当用户更改屏幕大小或在不同设备上显示时，如果有人知道如何制作代替HTML页面中文件的代码。

如果有人知道，请告诉我谢谢。

感谢每位之前回复的成员....

Answer 1

您可以使用$(window).on('resize', function() {...})和getScript $.getScript('myScript.js')。

但是要注意，所有脚本都加载了KEEPS，所以如果再次调整窗口大小，则无法删除已加载的脚本。

Answer 2

我会查看这两个关于访问屏幕宽度和动态加载脚本的链接。

Screen width
Dynamically load js file

您将要检查屏幕宽度的值，然后根据宽度动态加载Javascript文件。

<script>
if (screen.width > 500) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'helper.js';
    head.appendChild(script);
}
</script>

如何根据屏幕大小更改javascript文件？

2 个答案: