源 /php中文网 源 /

本篇文章主要给大家介绍在网页中,怎么用简单的js代码实现多种弹出窗口的效果。众所周知,大家在网站如果进行注册或者关闭、退出等等操作,会有一个提示窗口出现。这种功能大大减少了用户的失误,也提高了用户信息的安全性。那么有新手可能会问,这种判断效果是如何实现的,很难操作吗?其实只要通过本篇浅而易懂的js弹窗代码示例演示js弹窗,就会很容易理解了。

这里我给大家介绍js自定义弹窗的三种方式效果。希望本篇文章介绍可以让感兴趣的朋友对js自定义弹出窗的代码原理有所帮助!

第一种js弹窗代码具体示例如下:

“f1();”>弹窗提示1

效果如下图

右下角js弹窗悬浮广告_js弹窗_点击弹窗显示js代码

注:JavaScript alert()函数

alert–弹出消息对话框(对话框中有一个OK按钮)

alert,中文”提醒”的意思

第二种js弹窗代码具体示例如下:

“f2();”>弹窗提示2

效果如下图:

点击弹窗显示js代码_js弹窗_右下角js弹窗悬浮广告

注:confirm()函数中的参数是确认框的提示语。此函数返回值是布尔型的js弹窗,点击确定,返回值为true,点击取消返回值为false。

第三种js弹窗代码具体示例如下:

“f3();”>弹窗提示3

效果如下图:

右下角js弹窗悬浮广告_点击弹窗显示js代码_js弹窗

注:第三种js弹窗代码需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值。若点击取消按钮,则返回值为null,类型为object。若点击确认按钮,则返回值为输入的字符串(不输入时为空字符串),类型为string.