js 弹出对话框3种方式

最新推荐文章于 2023-12-26 10:38:41 发布
最新推荐文章于 2023-12-26 10:38:41 发布
阅读量554 收藏
点赞数
分类专栏： js
<!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://blog.csdn.net/fengyifei11228/";
 
      }
 
     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 >
狼之血舞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中常用的弹出对话框3种方式
12-10
三种弹出对话框的用法实例 对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if else 判断 3：一个带输入的对话框，可以返回用户填入的字符串，...
js弹出框、对话框、提示框、弹窗总结
热门推荐
2301_76965813的博客
04-19 1万+
一、JS的三种最常见的对话框[javascript二、点击按钮时常用的6中提示框和操作[html] 三、弹出独立窗口[javascript] 参数解释：window.open 弹出新窗口的命令； ‘page.html’ 弹出窗口的文件名； ‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替； 　　height=100 窗口高度； 　　width=400 窗口宽度； 　　top=0 窗口距离屏幕上方的象素值； 　　left=0 窗口距离屏幕左侧的象素值； 　　toolba
JavaScript--弹窗
m0_74293254的博客
08-06 6808
JavaScript提供了几种常用的弹窗方法，用于与用户进行交互或显示提示消息。警告框（Alert）： 使用alert()方法创建一个警告框，它会显示一条消息并包含一个"确定"按钮。确认框（Confirm）： 使用confirm()方法创建一个确认框，它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择，并返回对应的布尔值结果（true表示点击了"确定"按钮，false表示点击了"取消"按钮）。提示框（Prompt）： 使用prompt()
JavaScript弹出对话框的三种方式
xiaoweids的博客
06-11 8043
转自：微点阅读 https://www.weidianyuedu.com学习过js的小伙伴会发现，我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法，他们都是在屏幕上弹出一个对话框，并且在上面显示括号内的内容，使用这种方法使得页面的交互性更精彩，实际上我们经常会在进行网页浏览时简单这种类型的对话框，在用户与应用程序进行双向交流时，经常要用到对话框。javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得
js实现页面弹框
qq_75222206的博客
07-18 1971
页面弹框是前端网页制作很常见的一个部分。点击按钮后自动弹出弹框，弹框中可以输入想输入的东西。那就让我们一起看看该如何去制作。
js弹出对话框方式小结
10-23
主要介绍了js弹出对话框方式,结合大量实例总结分析了JavaScript常用的弹出对话框的实现技巧与相关函数的具体使用方法,需要的朋友可以参考下
JS弹出对话框实现方法(三种方式)
11-22
本文将详细讲解三种常用的JS弹出对话框实现方法。 1. 警告框 警告框通过`alert()`函数实现，它会弹出一个包含指定消息的对话框，并且只有一个“确定”按钮。用户点击“确定”后对话框关闭，程序继续执行。例如： ``...
js中弹框的三种方式
apple_2021的博客
09-18 1416
alert（），confirm（），prompt（）三种弹框的区别 JS中有三种弹框，主要是window的方法来实现与用户交互。 下面我们看一下他们的具体样子和区别 1.alert（）警告框 主要是通过弹出一句话来提示用户。用户只能点击确认。 形式为：alert（“文本”）或者alert（变量）。 无返回值。 <!DOCTYPE html> <html lang="en">...
js弹框的三种方法
一杯清茶的博客
05-25 3098
js弹框的三种方法 alert、confirm、prompt alert alert()是将括号里的文本信息显示到弹框中，称为警示对话框。该对话框包含一个“确定”按钮，用户阅读完所显示的信息后，只需单击该按钮就可以关闭对话框。 alert("我是人") confirm confirm()也是将括号里的文本信息显示到弹框中，但是包含一个“取消”按钮，这种对话框称为确认对话框。 con = confirm('你是人吗'); if(con == true){ }else{ } prompt prompt(
Js 弹框常见方式
qinhanxu的博客
05-24 186
prompt的第一个参数为弹框的文本信息，第二个参数是文本框的默认输入信息（可以不填），点击取消返回null。3.带文本框的弹出框。
js自定义弹框
chenguixu的博客
05-14 7080
使用js自定义一个弹出框，当滚动条下拉后，再点按钮显示改弹出框时，相对位置不变。 思路：1、打开页面时先选好固定位置， 2、获取滚动条顶部的位置， 3、显示弹框时，弹框使用固定位置的高度+滚动条顶部的位置。 <style type="text/css"> #contes { /* 弹框的...
html底部弹出提示框,JS/CSS 在屏幕底部弹出消息
weixin_35815766的博客
06-05 2063
JS/CSS 在屏幕底部弹出消息#tip {visibility:hidden;width:400px;height:40px;border:1px solid black;text-align:center;padding:10px;background:black;color:white;border-radius:10px;line-height:40px;position:absolute...
JavaScript中比较常见的几种弹窗
lrx276的博客
09-18 2619
alert （）是一种弹窗，他是直接在满足他的条件的情况下直接他弹出的，但是这个弹出窗的弊端也是多多，alert（）弹出窗只有一个确认按钮，所以不适用于需要用户抉择的情况下，我们尽量不用alert（）弹窗，应该各位都知道，当代码走到alert的时候他会直接阻止整个程序的运行，如果我们不点确认按钮，后面的内容就不会加载出来。如果点击"确定"返回true，否则返回false，这个弹窗可以让客户用来进行一些抉择，比如删除按钮可以来一个confirm（），让客户可以选择是否删除，以防误触。
js的三种弹窗
最新发布
IKUNzhenin的博客
12-26 672
prompt弹窗：prompt弹窗用于向用户显示一条消息，并等待用户输入文本。它的返回值为用户输入的文本内容，如果用户点击“确定”按钮并输入了文本，返回输入的文本内容；如果用户点击“取消”按钮或者直接关闭弹窗，返回null。confirm弹窗：confirm弹窗用于向用户显示一条消息，并等待用户点击“确定”或“取消”按钮。它的返回值为一个布尔值，如果用户点击“确定”按钮，返回true；alert弹窗：alert弹窗用于向用户显示一条消息，并等待用户点击“确定”按钮关闭弹窗。
js的三种弹出对话框
lwbcsd的博客
03-07 4957
弹出对话框的三种方式 第一种:alert()【警示对话框】 alert()方法是这三种对话框中最容易使用的一种,我们将它称为警示对话框,该对话框上只有"确认"按钮,点完就可以关闭对话框。 eg: 第二种:confirm()【确认对话框】 confirm()方法与alert()方法的使用十分类似，不同点是在该种对话框上除 了包含一个“确认”按钮外，还有一个“取消”按钮，这种对话框称为确认对话框,如果点击"确定"则confirm()会返回布尔值true,如果点击"取消"则返回布尔值flash。 eg: 第三
js的弹出框
apollo_miracle的博客
07-07 3569
js的弹出框包括三种：alert、confirm、prompt 1 alert() alert()方法有一个参数，就是用户想弹出的内容，弹出框很简单，就一个显示功能，你可以点击确认关闭这个弹出框。 例如： alert("hello world！"); 下图依次是IE浏览器、 火狐浏览器和谷歌浏览器的运行效果： 2 confirm() confirm()方法要求用户进行选择。确认或者取消，分别对应着confirm 方法的返回值为 true 或 false。 例如： var.
js 弹出对话框
05-25
JavaScript 可以使用 `alert()` 函数来弹出对话框，例如： ```javascript alert("Hello, World!"); ``` 这会在页面中弹出一个包含 "Hello, World!" 文本的对话框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值