javascript三种输出方式

最新推荐文章于 2025-05-28 20:31:53 发布

原创最新推荐文章于 2025-05-28 20:31:53 发布 · 3.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了JavaScript中的三种常用输出方法：使用alert()显示警告框、利用document.write()将内容写入HTML文档以及通过console.log()输出到浏览器控制台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript三种输出方式

1):使用window.alert()弹出警告框。

2):使用document.write()方法将内容写到html文档中。

3):使用console.log()写入到浏览器的控制台。

1 使用弹出警告框

通过alert()方法输入数据，代码如下：

window.onload=function(){
	alert('弹出警告框');
}

效果：

2 直接写入到html文档中

通过document.write()方法将内容写到html文档中代码如下：
html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：

document.write('输入到html中'+'<br>')

效果：

PS：如果在整个文档加载完毕在执行的document.write(),会完全覆盖已有的html内容

html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：

window.onload=function(){
	document.write('输入到html中')
}

效果:

3 写到控制台

使用console.log()写入到控制台

html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：