javascript alert和confirm怎么在HTML里面使用

javascript alert和confirm怎么在HTML里面使用,第1张

警告框的例子:<html>

<head>

<script type="text/javascript">

function disp_alert()

{

alert("我是警告框!!")

}

</script>

</head>

<body><input type="button" onclick="disp_alert()" value="显示警告框" /></body>

</html>

确认框的例子:<html>

<head>

<script type="text/javascript">

function show_confirm()

{

var r=confirm("Press a button!")

if (r==true)

{

alert("You pressed OK!")

}

else

{

alert("You pressed Cancel!")

}

}

</script>

</head>

<body><input type="button" onclick="show_confirm()" value="Show a confirm box" /></body>

</html>

使用消息

使用警告、提示和确认

可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象。

警告消息框

alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行 *** 作。

window.alert("欢迎!请按“确定”继续。")

确认消息框

使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步 *** 作。

var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。")

if (truthBeTold) {

window.alert("欢迎访问我们的 Web 页!")

} else window.alert("再见啦!")

提示消息框

提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "<undefined>"。

与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续 *** 作之前必须先关闭该消息框

var theResponse = window.prompt("欢迎?","请在此输入您的姓名。")

可以利用javascript脚本语言实现,示例如下:

1、打开文本编辑器或记事本程序,输入<html><body>以及<head>标签:

<html>

<head></head>

<body></body>

</html>

2、在<head>头标签后输入<script>标签:

<script type="text/javascript">

</script>

3、在<script>标签中定义一个函数duihua()来使网页d出对话框:

function duihua()

{

alert("这个窗口是对话框!")

}

4、然后,再定义一个函数命名为queren(),用来d出确认框:

function queren()

{

var se=confirm("请选择点击一个按钮!")

if (se==true)

{

alert("你按下的是【确认】")

}

else

{

alert("你按下的是【取消】")

}

}

5、继续定义另一个函数tishi(),用来在网页中d出提示框。

function tishi()

{

var t=prompt("请输入您的名字","KING视界")

if (t!=null &&t!="")

{

document.write("精彩MV就在," + t + "!属于你的世界")

}

}

6、函数定义好以后,在<body>标签后,建立3个按钮分别用来调用这3个函数执行。

<input type="button" onclick="duihua()" value="点击显示对话框" />

<input type="button" onclick="queren()" value="点击显示确认框" />

<input type="button" onclick="tishi()" value="点击显示提示框" />

7、保存该文件,用ie浏览器打开的,点击对应按钮,即可d出相应对话框。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11476840.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存