1、open()

格式：window.open(URL,windowname)

URL：目标链接地址

windowname：新窗口名称

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象open方法</title>
<script></script>
</head>
<body><script>window.open("http://www.nuc.edu.cn/");</script>
</body>
</html>

2、close()

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象open方法</title>
<script></script>
</head>
<body><input type="button" value="关闭" onclick="window.close()"/>
</body>
</html>

3、confirm()

显示带有一段消息以及确认按钮和取消按钮的对话框。(按确认返回 true 按取消返回false)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象confirm方法</title>
<script>window.confirm("胡立群最帅");
</script>
</head>
<body></body>
</html>

4、prompt()　

显示可提示用户输入的对话框(按确认，返回输入的值)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象prompt方法</title>
<script>window.prompt("请输入验证码");
</script>
</head>
<body></body>
</html>

5、setInterval()

按照指定的周期(以毫秒计)来调用函数或计算表达式 (通俗来讲就是，设置几毫秒运行一次程序)

格式：setInterval ( ‘js代码或者函数’,执行函数或者代码的间隔时间)

<!--方法1-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setInterval方法</title>
<script>setInterval('test();',1000);function test(){alert("hello world")}
</script>
</head>
<body></body>
</html><!--方法2-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setInterval方法</title>
<script>setInterval('alert("hello world");',1000);</script>
</head>
<body></body>
</html>

6、clearInterval()

setInterval则可以一直循环下去，要想停止，可用window.clearInterval( );

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setInterval方法循环取消方法--clearInterval</title>
<script>var 控制循环=setInterval('alert("hello world");',3000);
</script>
</head>
<body><input type="button" value="停止循环" onclick="控制循环=window.clearInterval(控制循环)" >
</body>
</html>

7、setTimeout()

setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了

代码内嵌式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setTimeout方法</title>
<script>var 控制循环=setTimeout('alert("hello world");',3000);
</script>
</head>
<body></body>
</html>

嵌入函数式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setTimeout方法</title>
<script>var 控制循环=setTimeout('test()',3000);function test(){alert("hello world");}
</script>
</head>
<body></body>
</html>

8、clearTimeout()

取消由setTimeout方法设置的timeout (停止setTimeout())

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window对象setTimeout方法取消方法--clearTimeout</title>
<script>var 控制循环=setTimeout('test()',3000);function test(){alert("hello world");}
</script>
</head>
<body><input type="button" value="停止循环" onclick="循环控制=window.clearTimeout(控制循环)">
</body>
</html>

JavaScript window对象常用方法相关推荐

JavaScript浏览器对象Window对象常用方法（3）
1.window对象常用方法 1.window对象常用方法见表有时候定时器有很多这个时候我们就需要给定时器设置一个名字,如以下代码所示: var times1 = setTimeout(" ...
javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）
1.screen window.screen 对象包含有关用户屏幕的信息 screen.availWidth 屏幕宽度 screen.availHeight 屏幕高度 2.history forwa ...
JS window对象常用方法
窗口对象的属性和方法: 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 pa ...
JavaScript原生对象常用方法总结
这是4年前学习JavaScript基础的学习笔记,当初是照着W3School教程学习的,4年恍然如云烟,仿佛还在昨天.现发布与此,留作纪念,纪念那段不悔的青葱岁月. 下面都是我学习W3C ...
JavaScript window对象之atob()和btoa()
javascript原生的api本来就支持Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用.当前html5标准正式化之际,Base64将有较大的转型空间,对于Ht ...
【JavaScript】JavaScript Date 对象常用方法大全，例如：getDate、getDay、getFullYear、getHours等（包括作用、语法、参数解析、详细用例）
JavaScript Date常用方法 1.getDate() 方法 2.getDay() 方法 3.getFullYear() 方法 4.getHours() 方法 5.getMillisecond ...
JavaScript window 对象详解
1. 概述 window对象指当前的浏览器窗口,它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属. 一个变量如果未声明,那么默认就是顶层对象的属性. // a是一个没有声明就直接 ...
Javascript window 对象 + 浮动广告
window 浏览器窗口对象, 不用创建就能使用 1.属性 status opener closed parent 父窗体 top 顶层窗体 2.方法 alert(); confirm(); prom ...
JavaScript Window Screen
JavaScript是一种广泛使用的客户端脚本语言,用于在网页中实现动态效果和交互功能.JavaScript可以使用浏览器提供的API来访问和操作网页中的各个元素,例如文本框.按钮.图片等.其中,Wi ...

JavaScript window对象常用方法