html中console.log用法
在HTML中，`console.log`是一个非常常用的JavaScript函数，用于在浏览器的控制台中输出信息。它通常用于调试和测试网页。
下面是一些使用`console.log`的示例：
1. 输出文本：
```html
<!DOCTYPE html>
script在html中的用法<html>
<body>
<h2>使用 console.log 输出文本</h2>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
  console.log("Hello, World!");
}
</script>
</body>
</html>
```
在这个例子中，当用户点击按钮时，会执行JavaScript函数`myFunction`，然后在控制台中输出"Hello, World!"。
2. 输出变量值：
```html
<!DOCTYPE html>
<html>
<body>
<h2>使用 console.log 输出变量值</h2>
<button onclick="myFunction()">点击这里</button>
<script>
var name = "John";
function myFunction() {
  console.log(name);
}
</script>
</body>
</html>
```
在这个例子中，我们定义了一个变量`name`，并将其值设置为"John"。然后，当用户点击按钮时，`myFunction`函数会在控制台中输出`name`的值。
3. 输出多个值：
```html
<!DOCTYPE html>
<html>
<body>
<h2>使用 console.log 输出多个值</h2>
<button onclick="myFunction()">点击这里</button>
<script>
var name = "John";
var age = 30;
function myFunction() {
  console.log("Name:", name, "Age:", age);
}
</script>
</body>
</html>
```
在这个例子中，我们定义了两个变量`name`和`age`，并在`myFunction`函数中使用`console.log`同时输出它们的值。这将在控制台中显示一条包含"Name:", "Age:"和两个变量值的消息。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。