详细分析JS输出及调试⽅式

最新推荐文章于 2024-05-05 22:36:39 发布

Mr.ZKH

最新推荐文章于 2024-05-05 22:36:39 发布

阅读量86

点赞数

本文链接：https://blog.csdn.net/weixin_44415461/article/details/99709630

版权

弹窗型输出
alert(‘输出内容’)

浏览器调试窗⼝输出
console.log(‘输出内容’)

innerHTML和innerText
给获取到的元素⼀些内容
document.getElementById(‘id名’).innerHTML=‘内容’

document.write(‘输出内容’)
输出内容会清空原有的html再⽣成⼀个新的html

注意，我们的document.write()重写⽂档是发⽣在⽂档加载完成
后事件触发⾥⾯

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>详细分析JS输出及调试⽅式</title>
</head>
<body>
	<div id="demo3">
		div中的
	</div>

	<script>
		//alert('测试')
		//console.log('测试')
		//document.getElementById('demo3').innerHTML='<h1>加入的测试<h1>'
		//document.getElementById('demo3').innerText = '<h1>测试<h1>'
		document.getElementById('demo3').onclick=function(){
			document.write('html重新加载了')
		}
	</script>
</body>
</html>