JavaScript语言显示方式——免费javaScript语言零基础极速入门

129 阅读2分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《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