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