【学习笔记】JS进阶语法一document对象

最新推荐文章于 2024-09-11 16:58:06 发布

原创最新推荐文章于 2024-09-11 16:58:06 发布 · 501 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #window对象 #document对象 #DOM #BOM

页面设计专栏收录该内容

30 篇文章

订阅专栏

本文通过示例对比了JavaScript中的write()和writeln()方法。write()方法会在当前文档位置插入文本，不换行；而writeln()方法不仅插入文本，还会在文本后自动添加换行符。示例中展示了它们如何影响HTML页面的输出。

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

内容整理自《从0到1Javascript快速上手》下半部分-进阶语法篇

示例：write()方法和writeln()方法区别

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>writeln()方法</title>
		<style type="text/css">
			div{width: 100px;height: 100px;border: 1px;solid silver;}
		</style>
		<script>
			document.write("人生苦短")
			document.write("快来Python")
			document.write("赶紧行动起来吧");
		</script>
	</head>
	
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>writeln()方法</title>
		<style type="text/css">
			div{width: 100px;height: 100px;border: 1px;solid silver;}
		</style>
		<script>
			document.writeln("人生苦短")
			document.writeln("快来Python")
			document.writeln("赶紧行动起来吧");
		</script>
	</head>
	
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>writeln()方法</title>
		<style type="text/css">
			div{width: 100px;height: 100px;border: 1px;solid silver;}
		</style>
		<script>
			document.writeln("<pre>人生苦短")
			document.writeln("快来Python")
			document.writeln("赶紧行动起来吧</pre>");
		</script>
	</head>
	
	<body>
	</body>
</html>