JavaScript基础教程之alert弹出提示框实例


Posted in Javascript onOctober 16, 2014

alert 命令弹出一个提示框

为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用。下面的代码是一个弹出提示框的例子:

<script type="text/javascript">

alert("我是提示文字!");

</script>

将上面部分代码,用文本编辑器(如写字板或其他更高级的编辑器,如 EditPlus 等)保存为 alert.html(或 alert.htm)。双击 alert.html 运行它(实际是使用 IE 等浏览器打开这个文件),会看到如下弹出提示框:

JavaScript基础教程之alert弹出提示框实例

提示

如果使用 IE 浏览器提示:为了有利于保护安全性,Internet Explorer 已经限制此网页运行可以访问计算机的脚本或 ActiveX 空间。”,那么请选择“允许阻止的内容”,以允许IE浏览器运行上面的 JavaScript 代码。

实例语法解释

下面对上面例子的 JavaScript 语法做一个简单的解释:
<script type="text/javascript">代表 JavaScript 代码的开始,</script> 代表结束。JavaScript 代码要放在这个开始与结束之间。
alert("我是提示文字!"); 就是 JavaScript 代码,alert() 表示弹出一个提示框(如上图所示),代码以英文的 ; 表示结束。
弹出框的提示文字,以 "" 或 '' 引起来,并放入 alert() 中。

Javascript 相关文章推荐
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
DWZ table的原生分页浅谈
Mar 01 Javascript
jquery next nextAll nextUntil siblings的区别介绍
Oct 05 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
彻底揭秘keep-alive原理(小结)
May 05 Javascript
编程语言JavaScript简介
Oct 16 #Javascript
js父页面与子页面不同时显示的方法
Oct 16 #Javascript
Javascript Memoizer浅析
Oct 16 #Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 #Javascript
JavaScript实现继承的4种方法总结
Oct 16 #Javascript
JavaScript实现网页截图功能
Oct 16 #Javascript
JavaScript跨域方法汇总
Oct 16 #Javascript
You might like
PHP - Html Transfer Code
2006/10/09 PHP
实现树状结构的两种方法
2006/10/09 PHP
php生成excel列序号代码实例
2013/12/24 PHP
PHP常用函数和常见疑难问题解答
2014/03/05 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
波兰补充商店:Muscle Power
2018/10/29 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
Java基础知识面试题
2014/03/25 面试题
特色冷饮店创业计划书
2014/01/28 职场文书
采购意向书范本
2014/03/31 职场文书
2014教师年度工作总结
2014/11/10 职场文书
政协委员个人总结
2015/03/03 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL