本文展示了一个HTML页面，通过JavaScript实现对浏览器的移动、调整大小、获取屏幕位置信息等功能，以及窗口的打开、关闭、定位等操作。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function funmoveby() {
window.moveBy(-10, -10);
}
function funmoveto() {
window.moveTo(10, 10);
}
function funresizeby() {
window.resizeBy(20, 20);
}
//setInterval(funresizeby, 500);
function funresizeto() {
window.resizeTo(20, 20);
}
function fungetscreenleft() {
alert(window.screenLeft);
}
function fungetscreenwidth() {
alert(window.screen.width + "*" + window.screen.height);
}
var newwindow
function funwindowopen() {
newwindow = window.open('HTMLPage1.htm', '', 'left=100px,top=100px,width=500px,height=500px,resizable=no,scrollable=yes,toolbar=yes,status=yes,location=yes');
}
function funnewwindowlocation() {
newwindow.location = 'http://www.baidu.com';
}
function funclosenewwindow() {
newwindow.close();
}
function funmovetonewwindow() {
newwindow.moveTo(100, 100);
}
function forward() {
window.history.go(1);
}
function back() {
window.history.go(-1);
}
</script>
</head>
<body>
<input id="Button11" type="button" value="前进" onclick="forward();" /><br />
<input id="Button12" type="button" value="后退" onclick="back();" /><br />
<a href="HTMLPage3.htm">跳转到page3</a>
<input id="Button1" type="button" value="移动浏览器" onclick="funmoveby();" />
<br />
<input id="Button2" type="button" value="移动浏览器到" onclick="funmoveto();" />
<br />
<input id="Button3" type="button" value="调整浏览器大小" onclick="funresizeby();" />
<br />
<input id="Button4" type="button" value="调整浏览器大小到" onclick="funresizeto();" />
<br />
<input id="Button5" type="button" value="获取相对于浏览器左边缘的距离" onclick="fungetscreenleft();" />
<br />
<input id="Button6" type="button" value="获取屏幕的宽和高" onclick="fungetscreenwidth();" />
<br />
<input id="Button7" type="button" value="打开新窗体" onclick="funwindowopen();" />
<br />
<input id="Button8" type="button" value="新窗体跳转到百度" onclick="funnewwindowlocation();" />
<br />
<input id="Button9" type="button" value="关闭新打开的窗口" onclick="funclosenewwindow();" />
<br />
<input id="Button10" type="button" value="调整新窗口的大小" onclick="funmovetonewwindow();" />
</body>
</html>
扫一扫
4547
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
