(转载)http://xiezezhun.iteye.com/blog/335898

简单对话框

一般常用的是 alert prompt confirm三种对话框

JavaScript代码:

  1. <html>
  2. <head>
  3. <title>Example 简单对话框</title>
  4. </head>
  5. <body>
  6. <script type="text/JavaScript">
  7. <!--
  8. alert("Good Morning!");
  9. //alert只接受一个参数,这个参数是一个字符串,alert所做的全部事情是将这个字符串
  10. //原封不动地以一个提示框返回给用户,我们在前面已经多次见到了这种用法
  11. alert("Hello, "+ prompt("What’s your name?")+ "!");
  12. //prompt是一个询问框,它产生一个询问输入窗口,同时等待用户输入的结果
  13. //以继续执行下面的程序,当用户输入完成,点击确认后,它会将输入的字符串返回
  14. //如果用户点了取消按钮,那么它会返回null
  15. if(confirm("Are you ok?"))
  16. //confirm是一个确认框,它产生一个Yes|No的确认提示框,如果回答了Yes,它返回true
  17. //如果回答了No,它返回false
  18. alert("Greate! ");
  19. else
  20. alert("Oh, what’s wrong?");
  21. -->
  22. </script>
  23. </body>

也可以自己定义新窗口模拟对话框

  1. <html>
  2. <head>
  3. <title>Example模拟对话框</title>
  4. </head>
  5. <body>
  6. <button onclick="opennew()">打开</button>
  7. <script type="text/JavaScript">
  8. <!--
  9. function opennew(){
  10. //doucment.createElement可以用来构造新的DOM对象
  11. var w=document.createElement("div");
  12.  
  13. //下面一组style属性控制了模拟窗口的样式
  14. //DOM提供的style属性可以很方便地让JavaScript控制元素的展现方式
  15.  
  16. w.style.top=50;
  17. w.style.left=50;
  18. w.style.height=100;
  19. w.style.width=300;
  20. w.style.position="absolute";
  21. w.style.background="#00ffff";
  22. w.style.paddingTop = 10;
  23.  
  24. //通过appendChild()方法将创建的div元素对象添加到body的内容中去
  25. w.innerHTML+=("<center>I&nbsp;D&nbsp;:<input><br>密码:<input><br></center>");
  26. document.body.appendChild(w);
  27. }
  28. -->
  29. </script>
  30. </body>
  31. </html>

(转载)javascript实现弹出对话框的更多相关文章

  1. Response.Write("<script>alert('弹出对话框!')</script>") 后跟Response.Redirect("page.aspx");不能弹出对话框,直接跳转页面了 如何解?

    Response.Write和Response.Redirect一起用的时候就会这样,write脚本和redirect脚本不能同时使用,这样不会执行脚本,最好使用ClientScript 改进方法: ...

  2. C#弹出对话框

    一.基于WINFORM下的选择对话框 在WINFORM下,我们可以利用系统的对话框(MessageBox)来实现,具体思路是读取MessageBox的返回值(YES或NO)来达到对操作的控制.下面是一 ...

  3. JavaScript:九种弹出对话框

    [1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: <script LANGUAGE="javascript"> <!- ...

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

    对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...

  5. JavaScript中的三种弹出对话框

    学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性 ...

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

    对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...

  7. 一个js编写全选、弹出对话框、ajax-json的案例

    js功能有:全选.弹出对话框.使用json传输ajax数据:不想在写多余的文字了,直接上代码: <%@ page language="java" contentType=&q ...

  8. java selenium (十一) 操作弹出对话框

    Web 开发人员通常需要利用JavaScript弹出对话框来给用户一些信息提示, 包括以下几种类型 阅读目录 对话框类型 1.  警告框: 用于提示用户相关信息的验证结果, 错误或警告等 2. 提示框 ...

  9. Android 手机卫士--弹出对话框

    在<Android 手机卫士--解析json与消息机制发送不同类型消息>一文中,消息机制发送不同类型的信息还没有完全实现,在出现异常的时候,应该弹出吐司提示异常,代码如下: private ...

随机推荐

  1. Oracle 特殊字符模糊查询的方法

    最近在写DAO层的时候,遇到一个问题,就是使用like进行模糊查询时,输入下划线,无法精确查到数据,而是返回所有的数据. 这让我很好奇,百度之后才发现,原来是因为有些特殊字符需要进行转义才可以进行查询 ...

  2. ThinkPHP的数据库访问的简单操作

    传统的sql与ThinkPHP中的sql相比较   以user表为例 $user=M('user'); 1: SELECT * FROM user----------$user->select( ...

  3. PHP制作简单的日历

    在这里分享一个PHP制作的日历 <?php //万年历if($_GET['year']){$year = $_GET['year'];}else{$year = date("Y&quo ...

  4. sharepoint中的YesNo字段

    sharepoint中的YesNo字段实际上是一个Boolean字段,性格有点特别,如果IsShow是一个YesNo字段,使用caml查询的时候值为”1“(Yes)”0“(No),Item[IsSho ...

  5. Android手势解锁, 九宫格解锁

    给大家介绍一个很好用的手势解锁控件ShapleLocker, 废话不多先上效果图: 这是一个第三方库, 可自己根据UI需求替换图标: 圆圈, 小箭头等等.. github地址: http://pane ...

  6. <artifactId>maven-compiler-plugin</artifactId>

    根据名字就可以看出来,就是控制编译环境的 <plugin>            <groupId>org.apache.maven.plugins</groupId&g ...

  7. js EasyUI前台 价格=数量*单价联动的实现

    废话,不多说,,效果图如下:

  8. iOS UITableviewWrapperView 和 automaticallyAdjustsScrollViewInsets属性

    关于在navigationController下面使用tableView在竖直方向会遇到frame的y值的困惑, 会遇到视图控制器的这个属性:automaticallyAdjustsScrollVie ...

  9. java中 引用类型 和 基本类型 有何区别?

    栈与堆都是Java用来在Ram中存放数据的地方.与C++不同,Java自动管理栈和堆,程序员不能直接地设置栈或堆. Java的堆是一个运行时数据区,类的(对象从中分配空间.这些对象通过new.newa ...

  10. 学会怎样使用Jsp 内置标签、jstl标签库及自定义标签

    学习jsp不得不学习jsp标签,一般来说,对于一个jsp开发者,可以理解为jsp页面中出现的java代码越少,对jsp的掌握就越好,而替换掉java代码的重要方式就是使用jsp标签.  jsp标签的分 ...