html：输出的4种方式

最新推荐文章于 2024-09-23 14:55:17 发布

牛建群IT

最新推荐文章于 2024-09-23 14:55:17 发布

阅读量1.2w

点赞数 4

分类专栏：前端文章标签： javascript html5

本文链接：https://blog.csdn.net/m0_37607730/article/details/106650614

版权

前端专栏收录该内容

1 篇文章

订阅专栏

本文深入讲解JavaScript中四种常见的输出方式：使用alert对话框显示信息、修改HTML标签内容更新界面、利用document.write直接输出到页面以及通过console.log进行开发者工具调试。每种方法都附有示例代码，便于读者理解和实践。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js输出的四种形式</title>
</head>
<body>
	<!-- 第一种 alert方式-->
	<script>
		window.alert("hello world");
	</script>
	
	<!-- 第二种 输出到html标签-->
	<script>
		function modiP()
		{
			document.getElementById("demo").innerHTML = "更改后的界面内容";	
		}
	</script>
	
	<!-- 第三种 输出到html界面-->
	<script>
		function modiP2()
		{
			document.write(Date());	
		}
	</script>
	
	<!-- 第四种 浏览器F12查看 console-->
	<script>
		console.log("console test");
	</script>
	
	<p id="demo">
		我是界面内容
	</p>
	
	<button onclick="modiP()">点击更改界面内容</button>
	<button onclick="modiP2()">点击更改界面内容2</button>

</body>
</html>