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

如何根据屏幕大小更改javascript文件?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有人能告诉我如何根据HTML页面的屏幕大小更改JavaScript文件吗? 实际上,我正在制作一个收养网站,我需要根据屏幕大小更改一些js文件。实际上,这些js文件是这个网站的横幅,所以当屏幕大小改变时,横幅会改变。所以,如果有人知道当用户改变屏幕大小或在不同设备上显示时,如何生成代码来替换HTML页面中的文件 如果有人知道,请告诉我,谢谢 感谢所有在…之前回答的成员。您可以使用$(窗口).on('resize',function(){…})和getScript$.getScript('mySc

有人能告诉我如何根据HTML页面的屏幕大小更改JavaScript文件吗? 实际上,我正在制作一个收养网站,我需要根据屏幕大小更改一些js文件。实际上,这些js文件是这个网站的横幅,所以当屏幕大小改变时,横幅会改变。所以,如果有人知道当用户改变屏幕大小或在不同设备上显示时,如何生成代码来替换HTML页面中的文件

如果有人知道,请告诉我,谢谢

感谢所有在…之前回答的成员。

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


但请注意,所有加载的脚本都会保持加载状态,因此如果再次调整窗口大小,则无法删除已加载的脚本。

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


您需要检查屏幕宽度的值,然后根据宽度动态加载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>

如果(屏幕宽度>500){
var head=document.getElementsByTagName('head')[0];
var script=document.createElement('script');
script.type='text/javascript';
script.src='helper.js';
head.appendChild(脚本);
}

为什么不编写JavaScript以适应屏幕大小?如果用户在浏览时更改屏幕大小(例如在iPhone上更改方向),该怎么办?您应该使用CSS媒体查询。您的问题听起来很奇怪。。你想改变你的JavaScript文件的大小吗?你能解释一下吗,我是新手…你想改变实际的文件本身吗?为什么?谢谢你的及时回复。。。事实上,我正在制作一个收养网站,我想添加一个javascript动画横幅,所以当屏幕大小改变时,横幅会改变。。。所以如果你知道更好的方法,请告诉我。。。我不能自己写javascript。。。如果这在css媒体查询中是可能的…?媒体查询是最好的,但它仅在现代浏览器中可用。您好,感谢您的回复,它确实很有帮助,但仍然面临一个问题。。。这是代码被修改了。。。如果(screen.width>=1250){var head=document.getElementsByTagName('head')[0];var script=document.createElement('script');script.type='text/javascript';script.src='edge_includes/index1250_edgePreload.js';head.appendChild(script)}else{var head=document.getElementsByTagName('head')[0];var script=document.createElement('script');script.type='text/javascript';script.src='edge_includes/index_edgePreload.js';head.appendChild(script)}但是当我更改窗口大小时,它仍然跟随第一个文件。。。这是一段可能会有所帮助的代码。我不知道你为什么需要这样做,但这是一个开始,然后你可以创建更多功能的侦听器。非常感谢你的帮助。。。