javascript入门系列演示·三种弹出对话框的用法实例

简介:
  1. <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>  

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  3. <html xmlns="http://www.w3.org/1999/xhtml">  

  4. <head>  

  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  

  6. <title>三种弹出对话框的用法实例</title>  

  7. <script language="javascript">  

  8. function ale()  

  9. {//这个基本没有什么说的,就是弹出一个提醒的对话框  

  10.     alert("我敢保证,你现在用的是演示一");  

  11. }  

  12. function firm()  

  13. {//利用对话框返回的值 (true 或者 false)  

  14.     if(confirm("你确信要转去?"))  

  15.     {//如果是true ,那么就把页面转向thcjp.cnblogs.com  

  16.         location.href="http://www.baidu.com";  

  17.     }  

  18.     else  

  19.     {//否则说明下了,赫赫  

  20.         alert("你按了取消,那就是返回false");  

  21.     }  

  22. }  

  23. function prom()  

  24. {  

  25.     var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,  

  26.     //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值  

  27.     if(name)//如果返回的有内容  

  28.     {  

  29.         alert("欢迎您:"+ name)  

  30.     }  

  31. }  

  32. </script>  

  33. </head>  

  34.   

  35. <body>  

  36. <p>对话框有三种</p>  

  37. <p>1:只是提醒,不能对脚本产生任何改变;</p>  

  38. <p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>  

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

  40. <p>下面我们分别演示:</p>  

  41. <p>演示一:提醒 对话框</p>  

  42. <p>  

  43.   <input type="submit" name="Submit" value="提交" onclick="ale()" />  

  44. </p>  

  45. <p>演示二 :确认对话框 </p>  

  46. <p>  

  47.   <input type="submit" name="Submit2" value="提交" onclick="firm()" />  

  48. </p>  

  49. <p>演示三 :要求用户输入,然后给个结果</p>  

  50. <p>  

  51.   <input type="submit" name="Submit3" value="提交" onclick="prom()" />  

  52. </p>  

  53. </body>  

  54. </html>  

对话框有三种

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

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

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

下面我们分别演示:

本文转自程序猿博客51CTO博客,原文链接http://blog.51cto.com/haihuiwei/1680389如需转载请自行联系原作者

365850153
相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
335 2
|
21天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
21天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
29 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
29天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
69 10
|
27天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
2月前
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
20 1
|
2月前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
38 6
|
2月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
186 4
|
2月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战