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 相关文章推荐
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
比Jquery的document.ready更快的方法
Apr 28 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
jquery获取选中的文本和值的方法
Jul 08 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
JS前端笔试题分析
Dec 19 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 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+DBM的同学录程序(1)
2006/10/09 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
PHP安全上传图片的方法
2015/03/21 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
js简易namespace管理器 实例代码
2013/06/21 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
关于vue面试题汇总
2018/03/20 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
python之yield表达式学习
2014/09/02 Python
简述Python中的面向对象编程的概念
2015/04/27 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
正则给header的冒号两边参数添加单引号(Python请求用)
2019/08/09 Python
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
深入解析HTML5使用SVG图像时的viewBox属性用法
2015/09/02 HTML / CSS
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
开展批评与自我批评发言材料
2014/10/17 职场文书
寻找成龙观后感
2015/06/12 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书