控制窗口大小

最新推荐文章于 2024-10-22 00:26:48 发布

原创最新推荐文章于 2024-10-22 00:26:48 发布 · 676 阅读

0 ·

CC 4.0 BY-SA版权

兼容各浏览器专栏收录该内容

12 篇文章

订阅专栏

在自身打开新窗口，控制该窗口大小，仅适用于ie浏览器，其他浏览器默认禁止改变浏览器的行为

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>window</title>
	<script src="js/jquery-1.11.3.min.js"></script>
    <style>
		* {padding: 0; margin: 0;}
	</style>
</head>

<body>
	<button class="btn1">click1</button>
    <button class="btn2">click2</button>


</body>
<script>

	var myWin;
	
	$(".btn1").click(function() {
		myWin = window.open('', '_self', 'width=400, height=250');//_self在自身打开，_blank在窗口打开
		myWin.moveTo(0, 0);
	});
	
	$(".btn2").click(function() {
		myWin.resizeTo(500, 400);
	});
	
	
	$(window).on('resize', function() {
		var winW = $(window).width();
		if(winW <= 500) {
			myWin.resizeTo(500, 400);
		}
	});

</script>
</html>