小时入门JavaScript：JavaScript动态类型。

有一点让Javascript与许多编程语言不同的是Javascript是一种动态语言。我所说的动态是什么意思？在编程语言中有两种类型：静态语言和动态语言。在静态语言中，当我们声明一个变量时，该变量的类型被设置，未来不能改变。而在像JavaScript这样的动态语言中，变量的类型可以在运行时改变。

我们来看看这段代码。所以在上一堂课的例子中，我们已经声明了这个名字变量，并把它设置为一个字符串。所以名字的类型目前是字符串，但它以后可能会改变。

让我们来看看。在这里的控制台里，我们可以执行一些JavaScript代码。我们有这种类型的运算符，通过它，我们可以检查一个变量的类型。然后在此之后，我们添加变量的名字，比如，在这个案例中就是我们的名字变量。请注意，名字的类型是字符串。

现在，如果我们重新为名字分配一个不同的值，比如一个数字，并检查它的类型，看，类型现在已经改变成了数字。这就是我们所说的动态语言。与静态语言不同，这些变量的类型会在运行时确定，根据我们赋予它们的值。

现在让我们来看看几个类型运算符的例子。顺便说一句，注意"typeof"是另一个保留关键字，所以你不能把一个变量命名为typeof。我们可以通过按Ctrl和L清空控制台。

现在让我们来看看age的类型。它是一个数字。现在如果我们把age改成浮点数，我知道这有点奇怪，但就让我们在这个例子里坚持下去吧。30.1.然后再看看age的类型，它仍然是一个数字。

所以在JavaScript中，不像其他编程语言，我们没有两种类型的数字。我们没有浮点数和整数。所有的数字都是number类型。

现在来看看isApproved的类型，它是一个布尔值，就像我之前告诉过你的那样。第一个名字是什么类型？来看一下第一个名字的类型，它是未定义的。这很有趣，因为这个变量的值是未定义的，但它的类型也是未定义的。这是什么意思？

之前我告诉过你，有两种类型的分类，有基本类型或值类型以及引用类型。在基本类型的分类中，有字符串、数字、布尔值、未定义以及空值。所以未定义实际上是一种类型，但也是一种值。在这个例子中，因为将名字设置为未定义作为一个值，它的类型也是未定义，好吗？

选择的颜色？来看看，所以选定颜色的类型，这个变量的类型是一个对象。什么是对象？这就是下一堂课的内容了。点击关注。

TML 的 onmouseover 事件是网页开发人员工具箱中一个强大的工具。通过本文，你将全面掌握 onmouseover 事件的使用方法，并了解如何创建充满活力和互动的网页元素。从基本原理到高级应用，我们将探索 onmouseover 事件的各种可能性。

onmouseover 事件揭秘

onmouseover 事件在鼠标指针移动到特定元素上方时触发。这为网页开发人员提供了捕捉用户互动并相应地改变网页元素的机会。该事件通常与 onmouseout 事件搭配使用，后者在鼠标指针移出元素时触发。

基本语法

onmouseover="代码"

在这里，"代码" 是指当鼠标悬停在元素上时你希望执行的 JavaScript 代码。让我们看一个简单的例子：

<div onmouseover="alert('你好，世界！')">悬停我</div>

在这个例子中，当用户将鼠标悬停在 "悬停我" 元素上时，它会弹出一个带有 "你好，世界！" 消息的警示框。

动态效果和样式更改

onmouseover 事件真正闪光的地方在于它可以改变网页元素的样式和外观。你可以改变元素的背景颜色、边框、字体大小等。来看一个例子：

<style>
  .box {
    width: 100px;
    height: 100px;
    background-color: lightgray;
  }
</style>

<div class="box" onmouseover="this.style.backgroundColor = 'red'">
  将鼠标悬停于此
</div>

在这个例子中，当鼠标悬停在方块上时，它的背景颜色会变成红色。

图像效果

onmouseover 事件在图像上也很有用。你可以创建图像悬停效果，为你的网页增添视觉吸引力。来看一个例子：

<img src="image1.jpg" onmouseover="this.src='image2.jpg'">

在这个例子中，当鼠标悬停在图像上时，图像会切换为 "image2.jpg"。

菜单和下拉列表

onmouseover 事件在创建菜单和下拉列表时也很有用。你可以显示隐藏的菜单项或下拉列表，为用户提供动态的导航体验。

<div onmouseover="document.getElementById('menu').style.display = 'block'">
  显示菜单
</div>

<div id="menu" style="display: none;">
  <a href="#">链接 1</a>
  <a href="#">链接 2</a>
  <a href="#">链接 3</a>
</div>

结论：释放你的创造力

onmouseover 事件为网页开发人员提供了增强用户体验和创建动态交互的机会。从简单的样式更改到复杂的菜单系统，onmouseover 事件都可以胜任。通过本文的学习，你已经掌握了 onmouseover 事件的基本原理和应用。现在，你可以利用这些知识，在你的网页设计中加入生动的元素，创造出引人入胜的用户体验！释放你的创造力，让网页更加充满活力！