4.2 使用JavaScript预定义函数

作者: liufeisheng

创建时间: 2024-04-07 01:54:12


image.png

4.2.1 消息处理函数

在JavaScript中,消息对话框函数本质上是由JavaScript的内置对象的方法实现的,它能够将程序执行的结果在页面上以对话框的形式直观地显示出来。消息对话框在JavaScript中应用很广泛,经常用来在页面上输出结果、接收通过键盘输入的数据、实现程序与用户的交互等。

JavaScript程序中常用的消息对话框有警示对话框、确认对话框和提示对话框3种,下面分别讲解这3种消息对话框对应函数的语法格式及其在程序中的应用。

1.警示对话框函数 1.使用alert( )函数可以弹出警示对话框。alert()的功能是直接在页面上以对话框的形式输出字符串或者变量的值。语法格式如下:

alert();

alert()函数除了输出字符串和变量外,警示对话框中还有一个“确定”按钮,单击这个“确定”按钮会关闭警示对话框。

任务实践4-2

image.png

本任务实践主要目的是利用警示对话框在页面上输出内容,可以通过alert()来实现。

为了符合编程的规范,在编程时要先声明一个变量来保存姓名,对变量赋值后,通过alert()输出变量的值。

alert()警示对话框除了显示一些提示信息以外,还经常用于程序的调试,在程序执行过程中,检验程序的中间结果及程序是否已执行等。

  1. 确认对话框函数 使用confirm()函数可以显示确认对话框,语法格式如下
confirm(确认内容);

确认对话框的功能同警示对话框功能十分相似,不同之处是,确认对话框有“确定”“取消”两个按钮,并且在单击“确定”按钮后会返回布尔值true,单击“取消”按钮将返回布尔值false。

image.png

3.提示对话框 使用prompt()函数可以打开提示对话框,提示对话框不仅有“确定”“取消”两个按钮,而且提供用户可以用键盘输入的文本框,这个文本框可以实现用户与系统的交互功能。语法格式如下。

prompt(提示部分[,默认部分])

其中,“提示部分”是提示需要输入的内容的语句,“默认结果”部分可以有,也可以没有。提示对话框是具有人机交互功能的消息对话框。

image.png

image.png

3个函数同时使用的例子:

image.png

4.2.2 数值处理函数

在JavaScript中,数值处理函数本质上是由JavaScript的内置对象的方法实现的,它能够对数据进行判断、格式化等,具体介绍如下。

  1. isNaN()、isFinite()函数

isNaN()函数用来确定一个变量是否为非数字。如果是非数字,返回true;如果是数字,则返回false,如下列代码所示。

isNaN(1);         //返回false
isNaN (true);     //返回false
isNaN (“a”);     //返回true

isFinite()函数用来确定一个变量是否有限,如果这个变量不是NaN、字符串、负无穷或正无穷,那么isFinite()将返回true,否则将返回false,如下列代码所示。

isFinite(1);         //返回true
isFinite(true);     //返回true
isFinite(“a”);     //返回false

image.png

image.png

  1. parseFloat()、parseInt()函数

parseFloat()函数用来将数字或者数字与字母混合的字符串转换成浮点数。对于由数字和字母组成的字符串,如果开头不是数字,则返回NaN;如果开头是数字,那么将第一个字母前面的数字转换成浮点数。

parseInt()函数同parseFloat()类似,用来将数字或者数字和字母混合的字符串转换成整数,如果字符串有小数部分,则只保留整数部分。对于由数字和字母组成的字符串,如果开头不是数字,则返回NaN;如果开头是数字,那么将第一个字母前面的数字转换成整数,如下列代码所示。

image.png

image.png

image.png

  1. toString()、toFixed()函数2. p

    toString()函数用来将数值型的数据转换为字符串型,也可以返回指定进制的数据(默认为十进制数据),语法格式如下。 num.toString([进制]); //如果未指定进制,将num转换为默认的十进制的字符串;如果指定进制,那么返回相应进制的数据

toFixed()函数用来将浮点数转换为固定小数位数的数字。语法格式如下

num.toFixed([位数]);
//将num四舍五入,保留指定位数的小数;若省略参数,则只保留整数部分。

4.2.3 字符串处理

在JavaScript中,字符串处理函数同前面介绍的消息对话框函数、数值处理函数一样,都是由JavaScript的内置对象的方法实现的,字符串处理函数能够对字符串进行一定的操作,具体介绍如下。

eval()函数

eval()函数用来计算字符串中的表达式,并返回表达式的值,如下列代码所示

alert(eval("30+9/3"));返回33
alert(eval("3>4"));  返回false
alert(eval("6>5"));  返回true

image.png

image.png

  1. escape()、unescape()函数

escape()函数和unescape()函数是一对互逆函数。escape()函数用于对字符串中的字符(除字母和数字)进行编码转换,转换为%AA或者%UUUU的形式。AA指的是字符ASCII的十六进制数的形式,UUUU指的是非ASCII字符(如汉字)的Unicode的形式,如下列代码所示。

alert(escape("Hello,王小丽!")); 
//此处返回Hello%2C%u738B%u5C0F%u4E3D%uFF01
alert(unescape("Hello%2C%u738B%u5C0F%u4E3D%uFF01"));
//此处返回Hello,王小丽!