`

JS对话框的总结

阅读更多

对话框有三种

1 alert 只是提醒,不能对脚本产生任何改变;

2 confirm 一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断

3 prompt 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三种弹出对话框的用法实例</title>
<script language="javascript">
function ale()
{//这个基本没有什么说的,就是弹出一个提醒的对话框
alert("我敢保证,你现在用的是演示一");
}
function firm()
{//利用对话框返回的值 (true 或者 false)
if(confirm("你确信要转去 天轰穿的博客?"))
{//如果是true ,那么就把页面转向thcjp.cnblogs.com
location.href="http://thcjp.cnblogs.com";
}
else
{//否则说明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{
var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
//这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
if(name)//如果返回的有内容
{
alert("欢迎您:"+ name)
}
}
</script>
</head>

<body>
<p>对话框有三种</p>
<p>1:只是提醒,不能对脚本产生任何改变;</p>
<p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>
<p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
<p>下面我们分别演示:</p>
<p>演示一:提醒 对话框</p>
<p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二 :确认对话框 </p>
<p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三 :要求用户输入,然后给个结果</p>
<p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>

分享到:
评论

相关推荐

    javascript弹出对话框总结

    这个是javascript的弹出对话框总结

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    本人总结和转摘的 有关 JavaScript 页面刷新和 模态对话框的总结知识,这几天用到了不少, 上传,大家共享共进步。 以后还会有更多的 JavaScript 学习知识相关总结。 都为原创。。

    九种js弹出对话框的方法总结

    九种js弹出对话框的方法总结

    JS对话框_JS模态对话框showModalDialog用法总结

    本篇文章主要是对JS对话框_JS模态对话框showModalDialog的用法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    Lhgdialog对话框使用总结(上)

    .js/skins 博文链接:https://xph.iteye.com/blog/1605736

    js弹出对话框方式小结

    主要介绍了js弹出对话框方式,结合大量实例总结分析了JavaScript常用的弹出对话框的实现技巧与相关函数的具体使用方法,需要的朋友可以参考下

    js弹出框、对话框、提示框、弹窗实现方法总结(推荐)

    一、JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert&#40;"提示信息!"&#41;; ...

    confirm确认对话框的实现方法总结

    还记得之前的javascript入门里的讲的confirm 消息对话框吗?不记得也没关系,我们先来回顾一下,然后在详细讲它。 复习: confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一...

    Bootstrap基本插件学习笔记之模态对话框(16)

    Bootstrap自带了很多JQuery插件,给用户做前端开发提供了很大的方便。对于每一个插件,有2种引用方式:一是单独引用,...首先来总结下模态对话框的使用。 0x01基本样式 模态框(Modal)是覆盖在父窗体上的子窗体。通

    js ajax 表单上传 php等页面常用操作

    js ajax 表单上传 php等页面常用操作,一般开发常见的写法,总结出来,适合新手和熟悉。 比如:file控件美化 js 对话框,警告框,提示框操作 数组操作 文件上传操作 文件操作 字符串操作 等。

    asp.net c# 开发笔记2

    请去下载不要分数的(asp.net c# 开发笔记3) ...5.8 Js对话框的使用 5.9 控制页面的超时时间 5.10 页面间传递参数 5.11为按钮添加确认提示 5.12 DataGrid数据导出成word文档 5.13 DataGrid数据导出成Excel文档

    JS方面总结

    JSP中点击链接弹出确定取消选择对话框,点确定跳入到JSP处理页面,点取消留在当前页面?怎么写

    JavaScript王者归来part.1 总数2

     11.3.2.1 模拟对话框--创建一个窗口对话框及一个对话框阻塞进行的例子   11.3.2.2 showModalDialog和showModelessDialog--非W3C或ECMAScrip标准   11.3.3 状态栏   11.4 框架--上层的Window对象   11.4.1 ...

    JavaScript 错误处理与调试经验总结

    下面总结一下JS错误处理与调试的方法 方法1:用alert&#40;&#41; 和[removed]()方法监视变量值。 alert&#40;&#41;在弹出对话框显示变量值的同时,会停止代码的继续运行,直到用户单击“确定”按钮,而[removed]()则在...

    Android WebView的使用方法总结

    Android WebView的使用方法 ...6、支持JavaScript, 支持显示js对话框。 7、无网络时显示默认布局, 以提高用户体验。 8、避免WebView的内存泄漏。 不多说, 看下面代码如何实现上述功能。 参考布局: &lt;?xml ve

Global site tag (gtag.js) - Google Analytics