我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道JavaScript语言的使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
JavaScript 没有打印或输出函数,它可以通过下面4种方式显示数据:window.alert() 、document.write()、innerHTML、console.log() ,四种显示方式如表1。
JavaScript4种显示方式
| 名字 | 描述 |
| window.alert() | 弹出警告框。 |
| document.write() | 方法将内容写到 HTML 文档中。 |
| innerHTML | 写入到 HTML 元素。 |
| console.log() | 写入到浏览器的控制台。 |
| 显示方式,表1 |
为了降低学习JavaScript语言的难度,只选其中“window.alert() ”给大家做试验讲解,以后有需要用到其它的显示方法再给大家讲,我们这个试验先不要理代码什么意思,因为这个试验只是为了说明JavaScript显示方式是怎么回事。
代码案例1
<html>
<head>
<meta>
<title>微信公众号:design-Rabbit</title>
</head>
<body>
<h1>微信公众号:design-Rabbit </h1>
<p>这是我们的第一个JavaScript弹出程序</p>
<script>
window.alert(80 +8);
</script>
</body>
</html>
我们前面讲过使用运行方法,如不会,看下我以前写的Html或Html5运行教程,因为JavaScript是植入在Html中运行的。运行上面JavaScript代码程序会弹出一个提示框,如图1.
(图1)
点击图1中的确定按钮后,提示框会消失。得到图2效果。
(图2)
看到图2的效果,就说明我们这次的JavaScript试验已经成功了,这样我们就完成了我们进入JavaScript世界的第一个弹出小程序。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html