`
keepwork
  • 浏览: 334387 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS--警告框alert-确认框confirm-密码验证框prompt(提问)

js 
阅读更多

开发者博客www.developsearch.com

警告(alert)

在访问网站的时候,你遇到过这样的情况吗?“咚”的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息。如果你不点击确定,你就不能对网页做任何的操作。没错,这个“咚”的小窗口就是alert干的。
下面的代码是一段使用alert的实例。
<script type="text/JavaScript">
     alert("我是菜鸟我怕谁");
</script>
我的个人观点是尽量少使用alert,它很不友好。甚至可能让一些方可认为你的网站很危险。

确认(confirm)


确认框用于让用户选择某一个问题是否符合实际情况。

“说!是还是不是?快回答!”

如果你想表达这样的意思,那么confirm再合适不过了。来看下面的代码:我们用confirm("你是菜鸟吗?")向访客提问,变量r则保存了访客的回应,它只可能有两种取值:true或false。没错,它是一个布尔值。confirm后面的语句则是我们对访客回答做出的不同回应。

<script type="text/JavaScript">       
var r=confirm("你是菜鸟吗");       
if (r==true)       {
       document.write("彼此彼此");       
}else{       
	document.write("佩服佩服");       
}
</script>
 

提问/验证框(prompt)


prompt和confirm类似,不过它允许访客随意输入回答。我们来修改一下之前switch的例子,我们根据分数来做出不同的评价,不过那段程序并不完整,它根本就没问我们分数,而是假设我得了65分。这太不公平了。现在我么就可以用prompt来向访客提问,用score存储用户输入的回答,其余的事情就都由后面的switch来完成了。

<script type="text/JavaScript">   
function judge() {   
	var score;//分数   
	var degree;//分数等级   
	score = prompt("你的分数是多少?")   
	if (score > 60){  
		alert("你通过了");
 	}else{
		alert("你没通过!");    
	}
}   
</script>
分享到:
评论

相关推荐

    jquery.alerts.js(jQuery Alert, Confirm, Prompt)

    原生JavaScript提供了alert(), confirm(), prompt()函数,但它们的样式固定,无法自定义。jQuery alerts插件`jquery.alerts.js`则提供了一种更加灵活、可定制的方式来实现这些功能,它极大地增强了用户体验,并且...

    JQuery alert confirm prompt 修改版

    在网页开发中,"JQuery alert confirm prompt 修改版"通常指的是开发者对原生JavaScript中的alert、confirm和prompt函数进行了自定义或者增强,以提供更美观、功能更丰富的对话框体验。 原生JavaScript的alert、...

    JQuery Alert、confirm、prompt提示框插件.zip

    而当我们需要与用户进行交互,比如显示警告、确认对话框或者获取用户输入时,JavaScript原生提供了alert(), confirm(), 和 prompt()函数。然而,这些函数的样式和功能相对有限。为了解决这个问题,开发者们创建了...

    asp.net 中Alert、Confirm、Prompt的用法

    Alert、Confirm和Prompt是JavaScript中的三个内置对话框函数,常用于在网页上显示警告信息、确认对话框或获取用户输入。以下将详细讲解这三个函数的用法。 1. **Alert()** `alert()` 函数用于向用户显示警告对话框...

    SweetAlert 提示框 带6种demo

    SweetAlert是一款轻量级、美观且可自定义的JavaScript弹出警告框库,适用于移动设备和桌面环境。这款提示框提供了丰富的交互体验,使得在网页应用中显示通知、警告或确认对话框变得更加简单且吸引人。它替代了浏览器...

    jquery-confirm.rar

    `jquery-confirm`是一款基于jQuery的弹出对话框插件,它提供了丰富的自定义选项和功能,使得在网页中创建美观且功能多样的确认、警告、信息提示框变得简单易行。这款插件的设计理念是替代浏览器原生的`alert`, `...

    javascript对话框使用方法(警告框 javascript确认框 提示框)

    JavaScript对话框是一种在网页上实现与用户交互的方式,它包括三种主要形式:警告框、确认框和提示框。这三种对话框分别有着不同的用途和使用方法,下面详细介绍这三种对话框的具体用法。 首先,警告框(alert)是...

    好用的漂亮提示框,js提示框

    在传统的Web开发中,浏览器自带的`alert()`、`confirm()`和`prompt()`函数提供了基本的提示框功能,但它们的样式和功能有限,无法满足现代Web设计的需求。 随着JavaScript库和框架的发展,例如jQuery、Bootstrap、...

    JS确认框和对话框插件下载.zip

    "JS确认框和对话框插件下载.zip" 提供了一种方法,通过CSS样式和JavaScript脚本来创建自定义的确认框和对话框效果,而不是依赖浏览器默认的`alert()`、`confirm()`和`prompt()`函数。这些默认的对话框样式单一且无法...

    非常漂亮的JS提示框

    在JavaScript中,原生提供了`alert()`, `prompt()`, 和 `confirm()` 这三种基本的提示框,但它们样式单一且无法自定义。因此,开发者经常需要创建自定义的提示框以满足项目的个性化需求,比如改变颜色、添加按钮、...

    javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)

    首先,`alert` 方法是JavaScript提供的一种简单警告对话框,用于向用户显示一条信息,并要求用户单击“确定”按钮关闭对话框。`alert` 只有一个参数,即要显示的文本,可以是字符串或变量。例如: ```html &lt;!...

    简单实用的jQuery确认框和警告框插件

    在传统的Web开发中,浏览器内置的alert()、confirm()和prompt()函数常用于向用户显示简单的警告或确认信息。然而,这些原生弹窗往往样式单一,难以满足现代网页设计的需求。jQuery Alertable插件就是为了解决这个...

    自定义 js 提示框

    传统的JavaScript提供了`prompt`、`alert`和`confirm`这三种基本的提示方式,但它们的功能和样式较为有限,无法满足复杂场景下的用户交互设计。因此,自定义弹出窗口和遮挡层成为了一种解决方案。 `prompt`函数用于...

    Jquery样式化Alert

    "Jquery样式化Alert"是指利用jQuery扩展默认浏览器的alert、confirm和prompt对话框,以提供更加美观和定制化的用户体验。这些基本的对话框在原生JavaScript中功能简单且样式单一,而通过jQuery,我们可以创建具有...

    Javascript弹出对话框

    在JavaScript中,有三种基本的弹出对话框:alert()、prompt()和confirm()。 - `alert()`函数用于显示一个警告对话框,通常包含一条消息和一个确定按钮。它不接收任何参数,但可以使用字符串字面量或变量来设置显示...

    JS,javascript控件大全!消息提示,菜单演示,弹出框,各种特效。项目中实用!

    1. 消息提示:在JavaScript中,我们可以使用`alert()`、`prompt()`和`confirm()`函数来创建基础的消息提示。`alert()`用于显示简单的警告信息;`prompt()`则允许用户输入信息,常用于获取用户数据;`confirm()`则...

    01-JavaScript-基础1

    JavaScript还提供了多种弹出对话框的功能,如`alert()`、`prompt()`和`confirm()`,用于向用户显示消息或获取用户输入。例如,`alert('Hello World')`会在页面上弹出一个包含“Hello World”的警告对话框。 在实际...

    jQuery提示框拟态窗口

    传统的JavaScript提供了alert()、confirm()和prompt()等原生函数,但它们样式单一,功能有限。jQuery和各种插件如hiAlerts则提供了一种更灵活、更美观的方式来创建自定义提示框。 hiAlerts是一个专为jQuery设计的...

    javascript表单验证和Window详解.docx

    - **Alert (警告框)**: 显示一个带有消息和确定按钮的对话框。 ```javascript function y() { var yx = new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}\.(com|cn|net|org|cc)$/); var shuru = document....

    JavaScript 消息框效果【实现代码】

    消息框通常有三种类型:警告框(alert)、确认框(confirm)和提问框(prompt)。下面我们将详细探讨这三种消息框的使用方法以及它们在实际开发中的应用。 1. 警告框(alert) 警告框主要用于向用户显示警告信息,...

Global site tag (gtag.js) - Google Analytics