html编写一个html文档,定义不同的数据类型并给出初值,使用typeof()输出6种JavaScript类型[字符串(String)、数字(Number)、布尔(Boolean)、未定义(Undefined)、对象(Object)、数组(Array)]。
时间: 2023-12-24 14:02:36 浏览: 33
好的,以下是一个简单的 HTML 文档,定义了不同的数据类型并输出了它们的类型:
```html
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数据类型</h1>
<p>字符串(String): <span id="string"></span></p>
<p>数字(Number): <span id="number"></span></p>
<p>布尔(Boolean): <span id="boolean"></span></p>
<p>未定义(Undefined): <span id="undefined"></span></p>
<p>对象(Object): <span id="object"></span></p>
<p>数组(Array): <span id="array"></span></p>
<script>
// 定义不同类型的变量
var str = "Hello World";
var num = 123;
var bool = true;
var undef;
var obj = { name: "John", age: 30 };
var arr = [1, 2, 3, 4, 5];
// 输出变量的类型
document.getElementById("string").innerHTML = typeof str;
document.getElementById("number").innerHTML = typeof num;
document.getElementById("boolean").innerHTML = typeof bool;
document.getElementById("undefined").innerHTML = typeof undef;
document.getElementById("object").innerHTML = typeof obj;
document.getElementById("array").innerHTML = typeof arr;
</script>
</body>
</html>
```
以上代码中,我们使用了 `typeof` 操作符来获取不同类型变量的类型,并将结果输出到 HTML 页面上。运行这个 HTML 文件,你将看到类似以下的输出:
```
字符串(String): string
数字(Number): number
布尔(Boolean): boolean
未定义(Undefined): undefined
对象(Object): object
数组(Array): object
```
需要注意的是,`typeof` 操作符对于数组类型也会返回 `object`,这是 JavaScript 的一个历史遗留问题。如果需要判断一个变量是否为数组,我们可以使用 `Array.isArray()` 方法。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)