JS中confirm,alert,prompt函数区别分析
window.alert:参数,只有一个,显示警告框的信息;
无返回值.
<script>
window.alert("确定.")
</script>
window.confirm : 参数就只有一个.显示提示框的信息.
按确定,返回true; 按取消返回false.
<script>
var bln = window.confirm("确定吗?");
alert(bln)
</script>
window.prompt:参数,有两个,
第一个参数,显示提示输入框的信息.
第二个参数,用于显示输入框的默认值.
返回,用户输入的值.
代码如下:
<script>
var str = window.prompt("请输入密码","password")
alert(str);
</script>
相关推荐
-
JS中confirm,alert,prompt函数使用区别分析
window.alert:参数,只有一个,显示警告框的信息; 无返回值. <script> window.alert("确定.") </script> window.confirm : 参数就只有一个.显示提示框的信息. 按确定,返回true; 按取消返回false. <script> var bln = window.confirm("确定吗?"); alert(bln) </script> window.promp
-
浅谈javascript alert和confirm的美化
--前言-- window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观.我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果. --设计思路-- 为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert.confirm.open.close等.win.alert等的对话框弹出层,使用iframe作底层,确保对话
-
修改js confirm alert 提示框文字的简单实例
修改js confirm alert 提示框文字的简单实例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <style> *{padding: 0; margin: 0;} html{ height: 100%; } body{ font-size: 16px; font-family: "Microsoft Yahe
-
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
1.警告框alert() 复制代码 代码如下: alert("欢迎光临!"); 2.信息框confirm(),有取消,确定按钮 复制代码 代码如下: if (confirm("你同意吗?")) { alert("同意"); } else { alert("不同意"); } 3.提示框prompt(),用于提示用户输入一些文本 复制代码 代码如下: var result = prompt("您尊姓大名?",&
-
javascript中常见的3种信息提示框(alert,prompt,confirm)
1.警告提示框 alert("文本"). ex. function disp_alert() { alert("我是警告框!!"+'\n'+"hhah")//有折行 } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.确认提示框(confirm,返回true或者false) function show_confirm() { var r=confirm("Press a button!"); if (r==tr
-
JS中confirm,alert,prompt函数区别分析
window.alert:参数,只有一个,显示警告框的信息; 无返回值. <script> window.alert("确定.") </script> window.confirm : 参数就只有一个.显示提示框的信息. 按确定,返回true; 按取消返回false. <script> var bln = window.confirm("确定吗?"); alert(bln) </script> window.promp
-
JS中innerHTML和pasteHTML的区别实例分析
本文实例讲述了JS中innerHTML和pasteHTML的区别.分享给大家供大家参考,具体如下: innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它 pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上 例: <Script Language="
-
js中script的上下放置区别,Dom的增删改创建操作实例分析
本文实例讲述了js中script的上下放置区别,Dom的增删改创建操作.分享给大家供大家参考,具体如下: 回顾 javascript分为三部分: 1.ECMAScript5.0 es6(阮一峰) es7 es8 es6中有类的概念 声明变量 var let(es6中语法) 内置函数 Date Math.random if else switch while do-while for 2.DOM Document Object Model 获取DOM事件的三种方式 getElemen
-
js中apply()和call()的区别与用法实例分析
本文实例讲述了js中apply()和call()的区别与用法.分享给大家供大家参考,具体如下: 每个函数都包括两个非继承而来的方法:apply()和call().两者用途都是在特定的作用域中调用函数,等于重新设置了函数体内this对象的值. 两者区别仅在于接收参数方式不同,apply()第一个参数是调用apply的函数运行的作用域,的第二个参数可以是Array的实例(数组),也可以是arguments对象,call()第一个参数是this的值没有变化,而其余参数都直接传递给函数(也就是逐个列举出
-
JS中call和apply函数用法实例分析
本文实例讲述了JS中call和apply函数用法.分享给大家供大家参考,具体如下: call 函数 语法 obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]); 简介 thisObj继承obj的属性和方法(obj原型链上的属性和方法不能被继承),后面的参数会当成obj的参数安装顺序传递进去. 示例 function animal(type,nickname){ this.type = type; this.nickname = nickname; this.s
-
JS中节流和防抖函数的实现及区别示例
目录 引言 一.概念 二.实现 三.区别 四.Lodash 4-1.throttle 4-2.debounce 五.使用场景 六.总结 引言 在前端开发中,经常和DOM.BOM打交道,例如:窗口的resize.scroll,输入框内容校验,按钮点击等等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕. 此时我们可以采用throttle(节流)和debounce(防抖)的方式来减少调用频率,提高性能的同时又不影响实际效果. 一.概念 函数节流( throttle
-
JS中call(),apply(),bind()函数的区别与用法详解
call() 介绍 通过提供一个新的this值给当前调用的函数/方法,从而改变this指向. 语法 fn.call(this.Arg, arg1, arg2,...) thisArg:当前调用函数this指向的对象arg1, arg2:传递的其他参数(直接传给形参可不写) 特点 可以直接调用函数—fn.call() 可以改变被调用函数的this指向为指定的— fn.call(this.Arg) 返回值 使用调用者提供的值和参数调用该函数的返回值,也就是函数的返回值.若该方法没有返回值,则返回un
-
jQuery中.attr()和.data()的区别分析
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别. Jquery对象属性和DOM属性 一个简单的例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery中.attr和.data的区别</title> </head> <body> <p id="app&q
-
基于js中this和event 的区别(详解)
今天在看javascript入门经典-事件一章中看到了 this 和 event 两种传参形式.因为作为一个初级的前端开发人员平时只用过 this传参,so很想弄清楚,this和event的区别是什么,什么情况下用什么比较合适. onclick = changeImg(this) vs onclick = changeImg(event) <img src='usa.gif' onclick="changeImg(event)" /> <scrip
随机推荐
- 详解Angular之constructor和ngOnInit差异及适用场景
- iOS实现两个控制器之间数据的双向传递
- 使用PHP similar text计算两个字符串相似度
- Python自定义类的数组排序实现代码
- Javascript学习笔记之 对象篇(一) : 对象的使用和属性
- Android Studio项目中导入开源库的方法
- 关于js注册事件的常用方法
- 原生js实现自由拖拽弹窗代码demo
- Python实现端口复用实例代码
- JavaScript中的原始值和复杂值
- 基于WebService的数据访问(上) Flex与.NET互操作(二)
- 添加新的.shtml的影射
- CentOS 6.5中SSH免密码登录配置教程
- php集成动态口令认证
- C++ 通过指针实现多态实例详解
- 30分钟搭建Python的Flask框架并在上面编写第一个应用
- Spring Boot学习入门之AOP处理请求详解
- Go语言中利用http发起Get和Post请求的方法示例
- Android Studio 3.0上分析内存泄漏的原因
- Android实现调用摄像头和相册的方法