网站建设资讯

NEWS

网站建设资讯

javascript有哪些对话框

本篇内容主要讲解“javascript有哪些对话框”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript有哪些对话框”吧!

创新互联长期为1000多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为金堂县企业提供专业的成都网站建设、做网站,金堂县网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

javascript有3个对话框:1、警告框,用于向用户显示警告消息,语法“alert("警告消息");”;2、确认框,语法“confirm("需要确认的信息");”;3、提示框,语法“prompt("提示信息","默认文本");”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript使用3种对话框:警告框,确认框和提示框;分别对应三个函数:alert()、confirm()、prompt()。这些对话框对于使我们的网站看起来更具吸引力非常有帮助。

警告框:alert()

网站中的警告框用于向用户显示警告消息,说明他们输入了错误的值,不是填写该位置所需的值。尽管如此,警报框仍然可以用于更友好的消息。警报框只提供一个按钮“确定”来选择并继续。

示例:



	
		
		
			function Warning() {
				alert("警告,危险!");
			}
		
	

	
		

点击按钮

效果图:

javascript有哪些对话框

确认框:confirm()

如果您希望用户验证或接受某些内容,通常使用一个确认框。当确认框弹出时,用户必须单击“确定”或“取消”才能继续。如果用户单击“确定”按钮,window方法confirm()将返回true。如果用户单击“取消”按钮,则confirm()返回false并显示null。

示例:



	
		
		
		
			function Confirmation(){ 
               var Val = confirm("你想继续吗?"); 
               if( Val == true ){ 
                  document.write ("继续!"); 
                  return true; 
               } 
               else{ 
                  document.write ("不继续!"); 
                  return false; 
               } 
            } 
		
	

	
		

点击按钮

效果图:

javascript有哪些对话框

提示框:prompt()

如果希望用户在输入页面之前输入一个值,通常会使用一个提示框。当弹出提示框时,用户必须单击“确定”或“取消”才能继续输入值。如果用户单击“确定”按钮,window方法prompt()将从文本框返回输入的值。如果用户单击“取消”按钮,window方法prompt()将返回null。

例:



	
		
		
		
			function Value(){ 
                              var Val = prompt("输入你的姓名:", "name"); 
                              document.write("你输入的是: " + Val); 
                       }
		
	
	
		

点击按钮

效果图:

javascript有哪些对话框

到此,相信大家对“javascript有哪些对话框”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


新闻标题:javascript有哪些对话框
本文来源:http://cdweb.net/article/pcphch.html