js对话框弹窗

1.警告消息框alert

alert是弹出警告框,在文本里面加入\n就可以换行。

alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。

window.alert("欢迎!");

2.确认消息框confirm

confirm弹出确认框,会返回布尔值,通过这个值可以判断点击时确认还是取消。true表示点击了确认,false表示点击了取消。

使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。

var boolean = window.confirm("单击“确定”继续。单击“取消”停止。");

if (boolean) {

window.alert("欢迎访问我们的 Web 页!");

} else window.alert("再见啦!");

3.提示消息框prompt

prompt弹出输入框,点击确认返回输入框中的值,点击取消返回null。

提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为
"<undefined>"。

与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框

var name= window.prompt("欢迎?","请在此输入您的姓名。");

时间: 2024-10-07 01:26:36

js对话框弹窗的相关文章

js写弹窗

1.先来看弹窗的模样 点击"弹出窗口"后会弹出下面窗口 2.下面是实现弹出窗口的代码,其中引入的jquery一般自己有,没有的话可以从网上下载.tanchuang.js和tanchuang.css写在了下面. 弹窗的一些参数可以参考tanchuang.js里面的,需要更改的拿到显示页面来修改. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

Android重构与设计之路,从整理提示对话框弹窗开始

封装一个独立弹窗Module,这里的弹窗包括普通的Dialog方式弹框和WindowManager方式弹窗.提供一种管理项目里面弹窗的方案,便于后期修改和维护. 首先描述一个在大项目中普遍存在的一个现象:由于项目的功能多,负责功能的人不同,当功能中需要一个普通的确定取消对话框时,大部分人都选择自己写了一个,自己new一个独立的弹窗出来.这样做的好处有以下几个: 代码逻辑独立,自己写的代码自己能控制 快速方便,便于修改,便于满足各种奇怪的需求 可是这个做法导致项目中存在大量的代码冗余,大量的分散的

web自动化6-selenium多窗口切换及JS对话框处理

1.    多窗口切换 browser.window_handles                 显示所有句柄 browser.current_window_handle 显示当前句柄 browser.switch_to_window(browser.window_handles[1])  切换句柄 2.    js对话框处理 alter = browser.find_element_by_xpath('//*[@id="topguideloginform"]/div[4]/but

angular可自定义的对话框,弹窗指令

指令不明的,推荐 AngularJS指令参数详解 github地址 以下为示例代码 <!DOCTYPE html> <html lang="en" ng-app="app"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../dist/lib/angular/angular.m

实现js调用弹窗

<span style="font-size:14px;">//Html代码:点击控件实现调用"收件人弹窗" <!DOCTYPE html> <html lang="zh-CN"> <head> <script src="<? echo base_url('static/js/<strong>user.js</strong>') ?>"&

js广告弹窗

生活中我们经常遇到一些烦人的广告页面,比方说弹窗,悬浮等等各种广告.有的同事甚至都下一个屏蔽广告插件到浏览器上.这样就防止了广告的干扰. 但是我们学前端的必须是要知道广告弹窗这个做的过程,甚至是它的原理. 下面是我自己做的一个小案例,希望能够帮助到大家.当然,有不妥当的地方,还望多多指教.谢谢! HTML代码部分: 1 <div id="popup"> 2 <p>广告文字 广告文字 广告文字 </p> 3 <span id="dele

Django网站用JS实现弹窗登录并显示Cookie

我想给我的网站实现这样一功能:点击登录按钮,弹出登陆页面,如果登录失败,无刷新显示"账号或密码错误",如果登陆成功,刷新整个页面并显示cookie. 在写程序之前我就感觉到这中间有个矛盾,如果我想无刷新显示就要用到ajax异步传输,用了ajax还怎么做到刷新页面呢?如果登录失败不刷新,登录成功才刷新,这里需要一个判断.之前我的提交按钮 input 标签 type 属性为 submit 然后在 js 里面设置 return false ,如果经常使用ajax的话对这个应该不陌生,这里就出

layer.js定制弹窗

1 <button>点击</button> 2 3 <div class="order" id="order"> 4 定制 5 </div> 6 7 <script type="text/javascript"> 8 $(function(){ 9 $("button").on("click", function(){ 10 layer.open(

C#开发 关于选择路径对话框 弹窗不出问题

最近编程出现了一个让人挺郁闷的事情!程序中需要编辑一个截图功能,而截图需要可以自己设定截图保存文件夹!代码如下: 1 FolderBrowserDialog fbd = new FolderBrowserDialog(); 2 fbd.SelectedPath = AppDomain.CurrentDomain.BaseDirectory + "Video\\"; 3 frmMonitoring.path_Picture = fbd.SelectedPath; 4 if (fbd.Sh