008_JavaScript输出

最新推荐文章于 2024-10-26 09:00:00 发布

自由与束缚JavaJavaScript

最新推荐文章于 2024-10-26 09:00:00 发布

阅读量198

点赞数

分类专栏： JavaScript学习文章标签： javascript web前端

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/109433878

版权

JavaScript学习专栏收录该内容

105 篇文章

订阅专栏

1. JavaScript显示方案

1.1. 使用window.alert()写入警告框。

1.2. 使用console.log()写入浏览器控制台。

1.3. 使用innerHTML写入html元素。

1.4. 使用document.write()写入html输出。

2. 使用window.alert()

2.1. 您能够使用警告框来显示数据。

2.2. 例子

2.2.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>写入警告框</title>
	</head>
	<body>
		<script type="text/javascript">
			window.alert("使用window.alert()写入警告框。");
		</script>
	</body>
</html>

2.2.2. 效果图

3. 使用console.log()

3.1. 在浏览器中, 您可使用console.log()方法来显示数据。

3.2. 请通过F12来激活浏览器控制台, 并在菜单中选择"控制台"。

3.3. 例子

3.3.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>写入浏览器控制台</title>
	</head>
	<body>
		<script type="text/javascript">
			console.log("使用console.log()写入浏览器控制台。");
		</script>
	</body>
</html>

3.3.2. 效果图

4. 使用innerHTML

4.1. 使用innerHTML属性可以定义html元素的内容。

4.2. 如需访问html元素, JavaScript可使用document.getElementById(id)方法。

4.3. 例子

4.3.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>写入html元素</title>
	</head>
	<body>
		<p id="myId"></p>
		<script type="text/javascript">
			document.getElementById("myId").innerHTML = "使用innerHTML写入html元素。";
		</script>
	</body>
</html>

4.3.2. 效果图

5. 使用document.write()

5.1. 使用document.write()可以向html文档中写入内容。

5.2. 在html文档完全加载后使用document.write()将删除所有已有的html元素。

5.3. 例子

5.3.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>写入html输出</title>
	</head>
	<body>
		<button onclick="myPrint()">点我</button>
		<script type="text/javascript">
			document.write("使用document.write()可以向html文档中写入内容。");

			function myPrint(){
				document.write("在html文档完全加载后使用document.write()将删除所有已有的html元素。");
			}
		</script>
	</body>
</html>

5.3.2. 效果图