欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS的三种消息提示框alert confirm prompt

程序员文章站 2022-03-02 12:47:42
...

首先来看看alert的效果:

JS的三种消息提示框alert confirm prompt
代码为:
$(function(){
	$("#quit").click(quit);
})

function quit(){
	alert("消息提示框里面的内容")
}

接下来看看confirm的效果:

JS的三种消息提示框alert confirm prompt
代码为:
$(function(){
	$("#quit").click(quit);
})

function quit(){
	  var r=confirm("您确定要退出系统")
	  if (r==true)
	    {
		  
			window.location.href = "login.html";
	    }else{
	    	alert("感谢你还回来");
	    }
}

确定就是if里面的内容,按取消就是else里面的内容。也可以不写else,这样就没有什么显示效果了。

最后看看prompt的效果:

JS的三种消息提示框alert confirm prompt
代码为:
$(function(){
	$("#quit").click(quit);
})

function quit(){
	  var r = prompt('文本输入框'); 
}