`
yaoyao19851023
  • 浏览: 32342 次
  • 性别: Icon_minigender_2
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

js对话框的总结

    博客分类:
  • 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>

<!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>

 

转自http://www.chenjiliang.com/Article/View.aspx?ArticleID=4517&TypeID=31

 

分享到:
评论

相关推荐

    javascript弹出对话框总结

    ### JavaScript弹出对话框知识点详解 #### 一、`window.open()` 方法 ...以上就是关于JavaScript弹出对话框的总结,涵盖了基本的弹出窗口方法、内置对话框、模态与非模态对话框以及与父窗口通信的相关知识点。

    js对话框传递参数

    ### JS对话框传递参数 #### 一、简介 在JavaScript中,通过对话框进行参数传递是一种常见的交互方式,尤其在需要弹出一个模态对话框并与其进行数据交换的场景下更为常见。本文将详细介绍如何利用`window....

    asp.net mvc core 使用js dialog对话框

    总结来说,在ASP.NET MVC Core中使用JS Dialog对话框涉及引入必要的库、创建HTML结构、初始化对话框、触发对话框、处理动态内容和事件。结合jQuery UI的强大功能,可以轻松创建功能丰富的交互式对话框,提升用户体验...

    利用JavaScript创建模态非模态对话框

    总结来说,创建JavaScript对话框需要HTML布局、CSS样式以及JavaScript逻辑三者的结合。模态对话框通过阻止用户与页面其余部分的交互来吸引注意力,而非模态对话框则让用户在对话框和页面之间自由切换。理解并掌握这...

    多色JS对话框组件

    `artDialog`是一款流行的JavaScript对话框插件,以其高度自定义、美观的界面和丰富的功能深受开发者喜爱。本文将深入探讨`artDialog`的核心概念、使用方法以及如何实现多色主题,以帮助你更好地理解和应用这个组件。...

    js调用对话框保存文件

    这种需求可以通过JavaScript来实现,即通过JS代码调用浏览器的保存对话框来完成文件保存操作。 #### 二、关键技术点解析 ##### 2.1 使用`document.all`获取元素 在提供的示例代码中,`document.all`被用来获取...

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

    本文介绍了JavaScript中页面刷新的多种方法以及如何在模态对话框中实现页面刷新。这些技术对于Web开发来说非常重要,可以帮助开发者更好地控制页面行为,提升用户体验。通过以上介绍,希望能帮助读者更好地理解和...

    JS实现弹出下载对话框及常见文件类型的下载

    综合以上知识,我们可以总结出使用JavaScript来实现下载对话框的几种主要方法,并了解了在不同情况下如何处理文件下载,包括处理URL和Blob对象的下载。需要注意的是,虽然浏览器提供了文件下载功能,但出于安全考虑...

    js弹出保存对话框

    ### JS弹出保存对话框知识点解析 #### 一、概述 在Web开发中,有时候我们需要让用户选择一个文件夹路径来保存文件,例如在导出数据为CSV或Excel时。JavaScript本身并不支持直接创建文件选择器或者保存对话框,但...

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

    ### 九种JS弹出对话框的方法总结 #### 1. 最基本的JS弹出对话框窗口代码 最基本的JavaScript弹出对话框实现非常简单,仅需几行代码即可完成: ```javascript &lt;script LANGUAGE="javascript"&gt; &lt;!-- window.open...

    JS打开图片另存为对话框实现代码

    总结来说,这段代码展示了如何使用JavaScript结合jQuery来实现通过网页按钮点击下载图片的功能,并且考虑到了图片加载的问题。对于想学习JavaScript在网页交互方面应用的开发者来说,这是一个不错的参考示例。不过,...

    仿163信箱js模拟对话框代码

    传统的JavaScript对话框如alert(), prompt()和confirm()由浏览器内建提供,但样式固定且定制性差。因此,开发者经常选择自定义模拟对话框来提高用户体验和界面美观度。 标题中的“仿163信箱”意味着这段代码旨在...

    div 模式对话框 js +Div

    总结起来,`div` 模式对话框是通过结合 `HTML`、`CSS` 和 `JavaScript` 实现的,它提供了丰富的交互性和自定义性。通过理解并运用这些技术,开发者可以创建出各种各样的对话框,满足不同应用场景的需求。

    WPS的js宏写的Excel文件合并工具,通过文件对话框选择文件来合并表格

    总结来说,WPS Excel的JS宏写的文件合并工具是提高办公效率的有效解决方案,它简化了多表格合并的过程,降低了错误率。对于经常处理大量Excel数据的用户,这样的工具无疑是一大福音。同时,对于开发者而言,它展示了...

    采用纯js及DOM技术实现消息对话框弹出

    总结来说,实现一个纯JavaScript和DOM技术的消息对话框,需要对HTML、CSS和JavaScript有深入理解,特别是DOM API的使用。通过创建和操作DOM元素,结合CSS样式和JavaScript逻辑,我们可以构建出具有高度交互性和定制...

    不错的JS弹出对话框插件 artDialog

    总结,`artDialog`作为一个优秀的JavaScript弹出对话框插件,以其易用性、灵活性和良好的跨平台性能,为开发者提供了便捷的对话框解决方案。通过深入理解和应用其API,可以打造出满足各种需求的交互式对话框,提升...

    Lhgdialog对话框使用总结(上)

    《Lhgdialog对话框使用总结(上)》 在网页开发中,对话框是一个不可或缺的交互元素,它用于向用户展示重要信息或者进行确认操作。Lhgdialog是一款基于JavaScript的弹出对话框插件,其设计简洁,功能强大,且高度可...

    js弹出对话框.rar

    总结来说,自定义JavaScript弹出对话框是提升网页交互体验的重要手段,通过HTML、CSS和JavaScript的结合,开发者可以创建出符合设计风格且功能丰富的对话框。这个压缩包提供了一个起点,帮助开发者快速构建自己的...

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

    在现代Web开发中,JavaScript提供了多种方式用于实现用户界面的交互,其中模态对话框是一种常见的用户交互方式。模态对话框通过遮挡页面其它内容,强迫用户先与对话框交互,从而处理特定任务。在JavaScript中,...

Global site tag (gtag.js) - Google Analytics