JavaScript对象 window对象方法、confirm确认对话框、关闭浏览器、提示框prompt、设置窗口大小和滚动浏览器、打开浏览器、周期性弹框

最新推荐文章于 2023-05-17 22:46:33 发布

birdlun

最新推荐文章于 2023-05-17 22:46:33 发布

阅读量1.9k

点赞数 2

分类专栏： 04 javascript

本文链接：https://blog.csdn.net/Birdmotianlun/article/details/94654977

版权

04 javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

列：重设窗口大小与滚动当前页的html文档

列：打开浏览器

列：实现周期性的出现弹框

Window对象属性

document 返回改窗口装载的html文档
location 返回该窗口装载的html文档的url
navigtor 返回浏览当前页面的浏览器，包括一些属性（名称、版本号、平台）
screen 返回浏览着屏幕对象
history 返回浏览窗口历史

Window对象常用方法

alert() confirm() prompt() 弹出警告窗口、确认对话框、提示输入对话框
close() 关闭窗口
moveBy() moveTo() 移动窗口
resizeBy() resizeTo() 重设窗口大小
scrollBy() scrollTo() 滚动当前窗口的html文档
open() 打开一个新的浏览器窗口
setInterval() clearInteral() 设置、删除定时器

列：关闭浏览器（confirm（））

		<script type="text/javascript">
			//提示关闭浏览器宽口
			function myconfirm() {
				var jude = window.confirm("是否退出？");

				if (jude) {
					window.close();
				} else {
					window.alert('我没有关闭')
				}
			}
		</script>
	</head>
	<body>
		<input type="button" value="confirm" onclick="myconfirm()">
	</body>

结果：

列：使用提示对话框（prompt（））

		<script type="text/javascript">
			function mytest() {
				var res = window.prompt("请输入密码", "123");
				alert(res);
			}
		</script>
	</head>
	<body>
		<input type="button" value="prompt" onclick="mytest()" />
	</body>

结果：

列：重设窗口大小与滚动当前页的html文档

、

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//重设窗口大小
			function myresizeTo() {
				window.resizeBy(350, 340);
			}

			function myScrollBy() {
				window.scrollBy(50, 50);
			}
			//滚动当前页的html文档
			function myScrollTo() {
				window.scrollTo(150, 150);
			}
		</script>
	</head>
	<body>
		<input type="button" value="prompt" onclick="myresizeTo()" />
		<input type="button" value="prompt" onclick="myScrollBy()" />
		<input type="button" value="prompt" onclick="myScrollTo()" />
	</body>
</html>

列：打开浏览器

		<script type="text/javascript">
			function myopen(){
				window.open("http://www.baidu.com","nihao")
			}
		</script>
	</head>
	<body>
		<input type="button" value="打开另一个浏览器" onclick="myopen()" />
	</body>

列：实现周期性的出现弹框

		<script type="text/javascript">
			//var timer=window.setTimeout('fun()',5000);
			/*
			var timer=window.setInterval('fun()',5000);
			function fun(){
				document.write('aaaa');
			}
			*/
			window.onload=function(){
				var btn1=document.getElementById('btn1');
				var btn2=document.getElementById('btn2');
				var timer=null;
				btn1.onclick=function(){
				//周期性每隔5秒调用一次
					timer=setInterval(function(){
						alert('aaaa');
					},5000);
				}
				btn2.onclick=function(){
				//取消周期性的运动
					clearInterval(timer);
				}
			}
			
		</script>
	</head>
	<body>
		<input type="button" id="btn1" value="开启" />
		<input type="button" id="btn2" value="取消" />
	</body>

结果：

开启按钮：每隔5秒钟出现一次弹框