如何在JavaScript中实现提示框功能

如何在JavaScript中实现提示框功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

<强>三种提示框

<李> alert() <李>确认() <李>提示符()

alert ()

<强> alert()方法是显示一条弹出提示消息和确认按钮的警告框。
<强>需要注意的是:警报()是一个阻塞的函数,如果我们不点确认按钮,后面的内容就不会加载出来。

<强>使用方式:

警报(“想要提示的文本内容“)

<强>样例代码:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; script> 　　alert(“这是弹出框提示文本“) 　　& lt;/script> 　　& lt; title> & lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt; p>警报是阻塞的函数& lt;/p> 　　& lt; p>这句话只有在确认弹出框的提示文本后才会显示& lt;/p> 　　& lt;/body> 　　& lt;/html>

<>强效果截图:

确认()

<强>确认()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击“确定“返回真,否则返回错误的。

<强>使用方式:

不接收返回值:

确认(“这样写可以直接显示,不接收返回值!”)

接收返回值:

 var x;
　　var r=确认(“请按下按钮!“);
　　如果(r==true) {
　　x=澳惆聪碌氖荺“确定\“按钮!”;
　　}
　　其他{
　　x=澳惆聪碌氖荺“取消\“按钮!”;
　　}
　　document . write (x) 

<强> <标记> 标记样例代码: <标记>

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; script>//使用方式一 　　确认(“这样写可以直接显示,不接收返回值!”)//使用方式二 　　var x; 　　var r=确认(“请按下按钮!“); 　　如果(r==true) { 　　x=澳惆聪碌氖荺“确定\“按钮!”; 　　} 　　其他{ 　　x=澳惆聪碌氖荺“取消\“按钮!”; 　　} 　　document . write (x) 　　& lt;/script> 　　& lt; title> & lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt;/body> 　　& lt;/html>

<>强效果截图:

提示符()

<强>提示符()方法是显示提示用户进行输入的对话框。
这个方法返回的是用户输入的字符串。

<强>使用方式:

不显示默认文本:

提示符(“开心吗,# 63;“);//这个显示内容也可以不写,但就没有交互的意义了。

显示默认文本:

 var x;
　　var=提示名称(“请输入你的名字“,“Keafmd");
　　如果名字!=零,,人!=?“){
　　x=澳愫?“;+名称+“!”
　　document . write (x)
　　}
　　

<强> <标记> 标记样例代码:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; script>//方式一 　　提示(“开心吗,# 63;“);//这个显示内容也可以不写,但就没有交互的意义了。//方式二 　　var x; 　　var=提示名称(“请输入你的名字“,“Keafmd");//显示默认文本“Keafmd" 　　如果名字!=零,,名字!=?“){ 　　x=澳愫?“;+名称+“!” 　　document . write (x) 　　} 　　& lt;/script> 　　& lt; title> & lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt;/body> 　　& lt;/html>

<>强效果截图:

看完上述内容,你们掌握如何在JavaScript中实现提示框功能的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

如何在JavaScript中实现提示框功能