javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
alert("欢迎光临!");
if (confirm("你同意吗?")) {
alert("同意");
} else {
alert("不同意");
}
3.提示框prompt(),用于提示用户输入一些文本
代码如下:
var result = prompt("您尊姓大名?"," ");
if (result !== null) {
alert(“欢迎光临,”+result);
}
相关推荐
-
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中常见的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
-
浅谈javascript alert和confirm的美化
--前言-- window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观.我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果. --设计思路-- 为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert.confirm.open.close等.win.alert等的对话框弹出层,使用iframe作底层,确保对话
-
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 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 学习笔记(六)
一. 工厂方式 自己的理解:要创建很多个对象的实例,这些实例有相同的属性,但是有不同的属性值.这个时候就需要创个工厂函数(factory function). 工厂函数(factory function):创建并返回特定类型的对象. 工厂函数中如果一个属性是方法的话,可以在工厂函数的外面定义对象的方法,然后通过属性指向该方法,从而可以避开每次都调用自己的属性方法,这样做使得每个对象都共享了同一个函数. 示例: 复制代码 代码如下: <script type="text/javascript
-
javascript学习笔记(十五) js间歇调用和超时调用
1.超时调用setTimeout() setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID 复制代码 代码如下: setTimeout( function () { alert("你好!"); },1000); 调用前取消clearTimeout(),接受一个参数超时调用ID 复制代码 代码如下: var timeOutId = setTimeout( function () { alert("你好!"); },1
-
javascript学习笔记(十四) window对象使用介绍
1.窗口位置 以下取得浏览器窗口距屏幕左边和上边的位置 复制代码 代码如下: var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置 2.浏
-
javascript学习笔记(六)数据类型和JSON格式
什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON的形式是用大括号"{}"包围起来的项目列表,每一个项目间用逗号(,)分隔,而项目就是用冒号(:)分隔的属性名和属性值.这是典型的字典表示形式,也再次表明javascript里的对象就是字典结构.不管多么复杂的对象,都可以用一句JSON代码来创建并赋值. JSON 结构 JSON有两种结构 json简单说就是javascript中的对象和数组,所以这两种结构就是对
-
javascript学习笔记(十九) 节点的操作实现代码
本节要用到的html例子 复制代码 代码如下: <ul id="myList"> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> 1.创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 复制代码 代码如下: var div = document.createEle
-
javascript学习笔记(十八) 获得页面中的元素代码
1.获取元素 getElementById()方法,通过元素的id获取元素,接受一个参数即要获取元素的id,如果不存在这个id返回 null 注意不要让表单元素的name和别的元素的id相同,IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素 以下面元素为例 <div id ="myDiv">这里是id为"myDiv"的div内容</div>var document.getElementById("myDiv&qu
-
javascript学习笔记(十二) RegExp类型介绍
1.匹配模式标记: g ------ 表示全局模式,而不是发现第一个匹配成功就立刻结束 i ------- 表示不区分大小写模式 m ----- 表示多行匹配,一行结束时向下一行继续匹配 复制代码 代码如下: //匹配第一个bat 或cat,不区分大小写 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要转换成字符串 /\[bc\]at/ ===
-
javascript学习笔记(十) js对象 继承
1.原型链 //很少单独使用 复制代码 代码如下: View Code //定义 SuperClass类,有一个属性property和一个方法getSuperValue function SuperClass() { this.property = true; } SuperClass.prototype.getSuperValue = function() { return this.property; } //定义SubClass类,有一个属性subproperty和后来添加的一个方法get
-
javascript 学习笔记(六)浏览器类型及版本信息检测代码
下面的checkBrowser()函数主要检测了三种浏览器(IE, firefox, chrome),其它的浏览器的检测有兴趣的朋友可以自行添加检测代码! HTML部分代码: (页面加载时执行检测函数) 复制代码 代码如下: <body onload="checkBrowser()"> <p id="userAgent"></p> <p id="browser"></p> </bo
随机推荐
- 详解用node.js实现简单的反向代理
- Lua编程示例(八):生产者-消费者问题
- mysql利用init-connect增加访问审计功能的实现
- Mybatis调用视图和存储过程的方法
- iOS实现按钮点击选中与被选中切换功能
- 复制粘贴功能的Python程序
- 深入浅出讲解ES6的解构
- 使用Bootstrap Tabs选项卡Ajax加载数据实现
- ASP.NET数据库编程之Access连接失败
- DataGridView单元格显示多行的设置方法
- 使用Yii2实现主从数据库设置
- javascript高级编程之函数表达式 递归和闭包函数
- C++常量详解二(常量形参,常量返回值,常量成员函数)
- 基于Docker的PHP调用基于Docker的Mysql数据库
- Android自定义ScrollView实现放大回弹效果
- JavaScript 经典效果集
- JavaScript分页功能的实现方法
- 一个简单的动态加载js和css的jquery代码
- Android使用系统自带的相机实现一键拍照功能
- js实现的Easy Tabs选项卡用法实例