Chinaunix首页 | 论坛 | 博客

Leungffy XUExueliangfei.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

xueliangfei

  • 博客访问： 2314097
  • 博文数量： 252
  • 博客积分： 5472
  • 博客等级： 大校
  • 技术积分： 3107
  • 用 户 组： 普通用户
  • 注册时间： 2011-09-17 18:39
文章分类

全部博文（252）

文章存档

2012年（96）

2011年（156）

我的朋友
最近访客
推荐博文
相关博文
js 弹出对话框3种方式

分类： 系统运维

2011-12-20 20:11:27

对话框有三种

1：只是提醒，不能对脚本产生任何改变；

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

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

 

  1. 1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. 2.
  3. 3.<html xmlns="">
  4. 4.
  5. 5.<head>
  6. 6.
  7. 7.<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  8. 8.
  9. 9.<title>三种弹出对话框的用法实例</title>
  10. 10.
  11. 11.<script language="javascript">
  12. 12.
  13. 13.function ale()
  14. 14.
  15. 15.{
  16. 16.
  17. 17. //这个基本没有什么说的，就是弹出一个提醒的对话框
  18. 18.
  19. 19. alert("我敢保证，你现在用的是演示一");
  20. 20.
  21. 21.}
  22. 22.
  23. 23.function firm()
  24. 24.
  25. 25.{
  26. 26.
  27. 27. //利用对话框返回的值 （true 或者 false）
  28. 28.
  29. 29. if(confirm("你确信要转去风亦飞的博客？"))
  30. 30.
  31. 31. {
  32. 32.
  33. 33. //如果是true ，那么就把页面转向thcjp.cnblogs.com
  34. 34.
  35. 35. location.href="http://blog.csdn.net/fengyifei11228/";
  36. 36.
  37. 37. }
  38. 38.
  39. 39. else
  40. 40.
  41. 41. {
  42. 42.
  43. 43. //否则说明下了，赫赫
  44. 44.
  45. 45. alert("你按了取消，那就是返回false");
  46. 46.
  47. 47. }
  48. 48.
  49. 49.}
  50. 50.
  51. 51.function prom()
  52. 52.
  53. 53.{
  54. 54.
  55. 55. var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ，
  56. 56.
  57. 57. //这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值
  58. 58.
  59. 59. if(name)//如果返回的有内容
  60. 60.
  61. 61. {
  62. 62.
  63. 63. alert("欢迎您："+ name)
  64. 64.
  65. 65. }
  66. 66.
  67. 67.}
  68. 68.
  69. 69.</script>
  70. 70.
  71. 71.</head>
  72. 72.
  73. 73.
  74. 74.
  75. 75.<body>
  76. 76.
  77. 77.<p>对话框有三种</p>
  78. 78.
  79. 79.<p>1：只是提醒，不能对脚本产生任何改变；</p>
  80. 80.
  81. 81.<p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifelse判断 </p>
  82. 82.
  83. 83.<p>3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
  84. 84.
  85. 85.<p>下面我们分别演示：</p>
  86. 86.
  87. 87.<p>演示一：提醒 对话框</p>
  88. 88.
  89. 89.<p>
  90. 90.
  91. 91. <input type="submit" name="Submit" value="提交" onclick="ale()" />
  92. 92.
  93. 93.</p>
  94. 94.
  95. 95.<p>演示二 ：确认对话框 </p>
  96. 96.
  97. 97.<p>
  98. 98.
  99. 99. <input type="submit" name="Submit2" value="提交" onclick="firm()" />
  100. 100.
  101. 101.</p>
  102. 102.
  103. 103.<p>演示三 ：要求用户输入，然后给个结果</p>
  104. 104.
  105. 105.<p>
  106. 106.
  107. 107. <input type="submit" name="Submit3" value="提交" onclick="prom()" />
  108. 108.
  109. 109.</p>
  110. 110.
  111. 111.</body>
  112. 112.
  113. 113.</html>
阅读(1752) | 评论(0) | 转发(0) |
0

上一篇：Servlet经典实例 站点计数监听器

下一篇：struts配置文件详解 struts-config.xml

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6