我有一个简单的脚本,可以根据屏幕扩展名添加任何文件。 但是,当屏幕更改时,这不适用于浏览器。 如何在脚本中上传文件,实时更改浏览器的大小?
我知道jquery中的"调整大小",但它不起作用。
{
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>');
}
把你的这个代码放在</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>
您可以在 body 元素中使用 onresize 函数。
<body onresize="myFunction()">
function myFunction() {
var w = window.outerWidth;
//write your code here
}