• 技术文章 >web前端 >js教程

    JavaScript中window对象常用方法总结

    长期闲置长期闲置2022-08-05 15:07:44转载172
    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于window对象常用方法的相关问题,包括了alert、confrim、prompt等等内容,下面一起来看一下,希望对大家有帮助。

    【相关推荐:javascript视频教程web前端

    Window对象方法

    示例如下:

    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>

    +1.gif

    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视频教程web前端

    以上就是JavaScript中window对象常用方法总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
    专题推荐:javascript
    上一篇:实例详解之操作单个dom元素添加动画 下一篇:完全掌握DOM属性成员与文档流
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一起分析JavaScript异常处理方式• 什么是this?深入解析JavaScript中的this• 深入浅析JavaScript中的定时器• JavaScript实例解析之window页面加载事件• JavaScript中window对象的成员属性(总结分享)
    1/1

    PHP中文网