examplewindowposition.html

来自「javascript tutorial」· HTML 代码 · 共 33 行

HTML
33 行
字号 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
	<title>Example: Changing the position and the dimensions of a window</title>
	<style type="text/css">
		@import 'imageProperties.css';
		#demobuttons{display:none;}
	</style>
	<script type="text/javascript">
		function openWin(){
			win = window.open('grid.html','mywin',"width=200,height=200,left=200,top=250,status=no,toolbar=no,menubar=no,location=no");
			document.getElementById('demobuttons').style.display='block';
		}
	</script>
</head>
<body>
<form action="">
<h1>Window position and dimensions</h1>
<p class="warning">This is a demonstration page for a<br />JavaScript functionality and needs JavaScript enabled!</p>
<p><input type="button" value="win=window.open()" onclick="openWin()"></p>
<div id="demobuttons">
	<p><input type="button" value="win.moveBy(10,10)" onclick="win.focus();win.moveBy(10,10);"></p>
	<p><input type="button" value="win.moveTo(150,150)" onclick="win.focus();win.moveTo(150,150)"></p>
	<p><input type="button" value="win.resizeBy(10,10)" onclick="win.focus();win.resizeBy(10,10);"></p>
	<p><input type="button" value="win.resizeTo(150,150)" onclick="win.focus();win.resizeTo(150,150)"></p>
	<p><input type="button" value="win.scrollBy(10,10)" onclick="win.focus();win.scrollBy(10,10);"></p>
	<p><input type="button" value="win.scrollTo(200,200)" onclick="win.focus();win.scrollTo(200,200);"></p>
</div>
</form>
</body>
</html>

examplewindowposition.html - 源码说明

本页面展示了「javascript tutorial」中的 examplewindowposition.html 源码文件，采用 HTML 编程语言编写，共 33 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?