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 相关文章推荐
javascript一些实用技巧小结
Mar 18 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
Vue组件BootPage实现简单的分页功能
Sep 12 Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
简单几步实现返回顶部效果
Dec 05 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
编程语言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垃圾代码优化操作代码
2010/08/05 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
自动更新作用
2006/10/08 Javascript
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
python正则表达式re之compile函数解析
2017/10/25 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
python定时按日期备份MySQL数据并压缩
2019/04/19 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
长青弘远的面试题
2012/06/09 面试题
建筑学推荐信
2013/11/03 职场文书
运动会入场口号
2014/06/07 职场文书
交通安全教育主题班会
2015/08/12 职场文书
使用CSS设置滚动条样式
2022/01/18 HTML / CSS
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android