本文作为JavaScript编程第一课,简要介绍了JavaScript的运行环境、在页面中添加脚本的方法,重点讲解了字符串、数字、布尔值等核心数据类型,并详细演示了alert、confirm和prompt三种基础对话框的使用场景与代码示例。
JavaScript运行环境与概述
无论您此前是否接触过JavaScript,本教程都将引导您入门,深入理解并体会JavaScript的独特魅力。
既然大家聚集于此,想必都是JavaScript的爱好者,对其已有不同程度的了解。关于JavaScript的历史背景不再赘述,我们直接进入学习与应用环节。
许多人误以为JavaScript仅在客户端运行,实际上它具备两种运行环境:服务器端JavaScript和客户端JavaScript。此外,JavaScript也是一种基于对象的语言。
作为入门第一课,内容力求简洁,主要涵盖以下三个核心方面:
1、如何在页面中添加JavaScript代码
2、JavaScript的数据类型分类
3、JavaScript中最基础的三个对话框功能
页面中JavaScript的添加方法
关于如何添加JavaScript,想必大家已有所知晓,具体操作如下:
<script language="java script"> //这行是java script脚本标记,斜杠后面的就是注释了
document.write("在页面显示的java script") //在页面显示一句话
</script>
/*这也是注释,
不过是多行的。
*/
这部分内容今天暂不深入展开,留作下一课的作业,即探讨如何适配各种运行环境下的JavaScript添加方式。
例如,当浏览器不支持JavaScript时,我们需要添加何种处理以防止源代码直接显示在页面上。
JavaScript核心数据类型详解
第二个重点,也是本节课的核心内容,即JavaScript的数据类型,主要包含以下几种基本类型:
字符串(string)
数字(number)
布尔值(boolean)
字符串是由一连串字符组成的序列,包含字母、数字及标点符号,当然也可以包含汉字等。简而言之,它用于表示文本信息。
即用于表示文本信息。
数字类型进一步分为两类:整型数字和浮点型数字。
整数包括正整数、零以及负整数。
JavaScript中的数字支持十进制、八进制和十六进制书写方式,具体方法如下:
十进制:15(直接书写数字即可)
八进制:017(必须以零作为引导数字)
十六进制:0xf(必须以0x作为引导数字)
浮点型数字也称为实数,为方便表达,还可以使用科学记数法:
1.13e1、1.5e3(等价于1.5乘以10的3次方)
JavaScript中数字的有效范围大约介于10的负308次方到10的308次方之间。
JavaScript中还存在一个特殊的数字值NaN(not a number),用于表示无意义的计算结果。
布尔值包括true和false,在计算机内部通常用1表示true,用0表示false。
空值即null,表示不指向任何对象或值。
未定义值undefined,有时等于null,有时可能表示程序出现了异常或错误。
特殊字符,也称为转义字符,是一些以反斜杠开头的不可显示的特殊控制字符。
\b:表示退格
\n:表示换行
等等。
基础对话框:alert、confirm与prompt
以下是alert()方法的使用示例:
<script language="java script">
alert("在页面上显示警告对话框");
</script>
alert()方法用于生成一个带有确认按钮的对话框,并在其中显示括号内的信息。
接下来是confirm()方法的使用示例:
<script language="java script">
confirm("在页面上显示确认对话框");
</script>
confirm()与alert()类似,区别在于多了一个取消按钮。用户点击确定返回true,点击取消返回false。
<script language="java script">
var con;
con=confirm("你们喜欢这样的教程吗?");
if (con==true) alert("喜欢");
else alert("不喜欢");
</script>
最后是prompt()方法的使用示例:
<script language="java script">
var name,age;
name=prompt("请问您的名字?");
alert(name);
age=prompt("多大?");
alert(age);
</script>
该方法不仅能显示信息,还可以接收用户的输入信息。