JavaScript

最新推荐文章于 2024-04-19 11:08:01 发布

疯-疯

最新推荐文章于 2024-04-19 11:08:01 发布

阅读量111

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_44180803/article/details/106964214

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

关于窗口的设置

移动的窗口

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>移动的窗口</title>
</head>
<body onresize=resizeTo(300,300)>
<script language="JavaScript">
window.resizeTo(300,300);//指定将窗口改变的大小
window.moveTo(0,0);//将窗口移动到指定坐标处
inter=setInterval("go()", 1);
var aa=0;
var bb=0;
var a=0;
var b=0;
function go(){
	try{
		if (aa==0) 
			a=a+2;
		if (a>screen.availWidth-300)
			aa=1;
		if (aa==1) 
			a=a-2;
		if (a==0) 
			aa=0;
		if (bb==0) 
			b=b+2;
		if (b>screen.availHeight-300) 
			bb=1;
		if (bb==1) 
			b=b-2;
		if (b==0) 
			bb=0;
		window.moveTo(a,b);
	}catch(e){}
}
</script> 
会自动移动的窗口
</body>
</html>

移动的窗口会自动移动的窗口

2.改变窗口大小

<html>
<head>
<title>改变窗口大小</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<script language=JavaScript>
var winheight,winsize,x;
function openwin(){
	winheight=100;
	winsize=100;
	x=5;
	win2=window.open("melody.html","","scrollbars='no'");
	win2.moveTo(0,0);
	win2.resizeTo(100,100);
	resize();
}
function resize(){
	if (winheight>=screen.availHeight-3)
		x=0;
	win2.resizeBy(5,x);
	winheight+=5;
	winsize+=5;
	if (winsize>=screen.width-5){
		winheight=100;
		winsize=100;
		x=5;
		return;
	}
	setTimeout("resize()",50);
}
</script>
<a href="javascript:openwin()">打开一个自动改变大小的窗口</a>
</body>
</html>

改变窗口大小打开一个自动改变大小的窗口

疯-疯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript

关于窗口的设置移动的窗口<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>移动的窗口</title></head><body onresize=resizeTo(300,300)><script language="JavaScript">window.resizeTo
复制链接

扫一扫