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



我有一个简单的脚本,可以根据屏幕扩展名添加任何文件。 但是,当屏幕更改时,这不适用于浏览器。 如何在脚本中上传文件,实时更改浏览器的大小?

我知道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
}

最新更新