js如何定义和在body中使用全局变量
时间: 2024-04-10 22:28:33 浏览: 26
在 JavaScript 中,可以通过使用 `var` 或 `let` 关键字来定义全局变量。以下是定义和在 `<body>` 中使用全局变量的示例:
```html
<!DOCTYPE html>
<html>
<body>
<script>
// 使用 var 定义全局变量
var globalVar1 = "Global Variable 1";
// 使用 let 定义全局变量
let globalVar2 = "Global Variable 2";
function myFunction() {
// 在函数内部访问全局变量
console.log(globalVar1);
console.log(globalVar2);
}
</script>
<button onclick="myFunction()">点击按钮</button>
</body>
</html>
```
在上述示例中,我们在 `<script>` 标签的内部使用了 `var` 和 `let` 关键字分别定义了两个全局变量 `globalVar1` 和 `globalVar2`。然后,我们在 `myFunction()` 函数内部使用 `console.log()` 来打印这两个全局变量的值。最后,我们在 `<button>` 元素的 `onclick` 属性中调用了 `myFunction()` 函数。
当点击按钮时,`myFunction()` 函数会被触发,并输出全局变量的值到控制台。这说明我们可以在 `<body>` 中的任何地方访问和使用定义的全局变量。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)