JavaScript window对象（prompt、alert、confirm、open、close、setTimeout、setInterval、clearInterval）

最新推荐文章于 2022-11-30 10:20:39 发布

Program Debug

最新推荐文章于 2022-11-30 10:20:39 发布

阅读量542

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_46990454/article/details/111187473

版权

JavaScript 专栏收录该内容

28 篇文章 3 订阅

订阅专栏

window对象的常用属性及方法
window对象处于对象模型的第一层，对于每个打开的窗口系统都会自动将其定义为window对象。
1.常用属性
（1）document：窗口中当前显示的文档对象。
（2）history：保存窗口最近加载的URL。
（3）location：当前窗口的URL。
（4）status：状态栏文本。
2.常用的方法
（1）prompt()：创建提示对话框，用户可以对话框中输入信息（返回字符串类型，且当无字符串返回时其值为null）。

//语法结构：
//prompt(); --> 直接显示对话框
//prompt("title"); --> 显示对话框的同时显示提示title
//prompt("title", "content"); --> 不仅显示提示title，并且将content直接放入对话框中的输入框中
<body>
	<script type="text/javascript">
		prompt("请输入想要输入的内容：");
	</script>
</body>

tips:
prompt()对话框中有文本、“确定”、“取消”按钮。当用户单击“确定”按钮时，文本框的所有文本成为返回值；当单击“取消”按钮时，则返回值为null。
（2）alert()：向用户弹出一个警告对话框（无返回值类型）。

//语法结构：
//alert(); --> 直接显示警告框
//alert("title"); --> 显示带有title标题的警告框
<body>
	<script type="text/javascript">
		alert("警告！");
	</script>
</body>

（3）confirm()：创建确认对话框，用来确认用户针对某一个问题的答案（返回值类型为boolean类型）。
确认对话框上有“确定”、“取消”按钮。如果用户单击“确定”按钮，返回值为true；如果用户单击“取消”按钮，则返回值为false。

//语法结构：
//confirm(); --> 直接显示确认对话框
//confirm("title"); --> 显示带有title标题的确认对话框
<body>
	<script type="text/javascript">
		var tem = confirm("确认删除吗？");
		if(tem){
			alert("您选择了确认");
		}else{
			alert("您选择了取消");
		}
	</script>
</body>

（4）open()：创建并打开一个新的浏览器窗口。

//语法结构：
//open(); --> 打开一个浏览器窗口
//open("url"); --> 打开指定URL的浏览器窗口
//open("url", "name", "style"); --> 打开一个设置窗口style的浏览器窗口，name为新窗口的命名
//style：height、width设置窗口的宽高；left、top设置窗口位于左、上的距离，以px为单位。
<body>
	<input type="button" value="创建新窗口" onclick="newWindow()"/>
	<script type="text/javascript">
		function newWindow(){
			open("https://www.baidu.com");
		}
	</script>
</body>

（5）close()：关闭当前浏览器窗口。

<body>
	<script type="text/javascript">
		var tem = confirm("是否关闭当前窗口");
		if(tem){
			close();
		}
	</script>
</body>

（6）setTimeout()方法
setTimeout()方法会在指定的时间执行指定的代码并退出（在指定的时间后进行调用并只调用一次）。

//语法结构：
//setTimeout(方法名, 延迟时间（毫秒）);
<body>
	<input id="test" type="button" value="测试"/>
	<script type="text/javascript">
		document.getElementById("test").onclick = click;
		
		function fun(){
			alert("hello");
		}
		function click(){
			setTimeout(fun, 1000);
		}
	</script>
</body>

（7）setInterval()方法
根据设置的时间间隔反复执行指定的代码，直至程序结束或使用clearInterval()方法结束。

//语法结构：
//setInterval(方法名, 间隔时间（毫秒）);
<body>
	<input id="test" type="button" value="测试"/>
	<script type="text/javascript">
		document.getElementById("test").onclick = click;
		
		function fun(){
			alert("hello");
		}
		function click(){
			setInterval(fun, 2000);
		}
	</script>
</body>

（8）clearInterval()方法
clearInterval()方法使用setInterval()发返回值进行关闭setInterval()方法。

//语法结构：
//clearInterval(值);
<body>
	<input id="test" type="button" value="测试"/>
	<input id="stop" type="button" value="停止测试"/>
	<script type="text/javascript">
		document.getElementById("test").onclick = click;
		document.getElementById("stop").onclick = stop;
		
		function fun(){
			alert("hello");
		}
		var tem = null;
		function click(){
			tem = setInterval(fun, 2000);
		}
		function stop(){
			if(tem != null){
				clearInterval(tem);
			}
		}
	</script>
</body>

Program Debug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript window对象（prompt、alert、confirm、open、close、setTimeout、setInterval、clearInterval）

window对象的常用属性及方法window对象处于对象模型的第一层，对于每个打开的窗口系统都会自动将其定义为window对象。1.常用属性（1）document：窗口中当前显示的文档对象。（2）history：保存窗口最近加载的URL。（3）location：当前窗口的URL。（4）status：状态栏文本。2.常用的方法（1）prompt()：创建提示对话框，用户可以对话框中输入信息（返回字符串类型，且当无字符串返回时其值为null）。//语法结构：//prompt(); --&gt
复制链接

扫一扫

专栏目录