HTML5页面输出内容有五种方式:一、console.log用于控制台调试;二、document.write仅适用于加载中;三、innerHTML动态更新指定元素HTML;四、textContent输出纯文本防XSS;五、appendChild动态添加新节点。

如果您希望在HTML5页面中输出内容,可以通过浏览器开发者工具的控制台或直接操作网页文档对象模型(DOM)来实现。以下是几种常用的输出方式:
一、使用console.log在浏览器控制台输出
console.log是JavaScript内置的调试方法,用于将信息打印到浏览器开发者工具的Console面板中,适用于开发阶段的调试与信息查看,不影响页面视觉呈现。
1、在HTML文件的
2、调用console.log()函数,并传入需要输出的内容,如字符串、变量、对象或表达式。
立即学习“前端免费学习笔记(深入)”;
3、在浏览器中打开该HTML页面,按F12键打开开发者工具,切换到Console选项卡即可查看输出结果。
4、示例代码:console.log("Hello HTML5");
二、使用document.write向页面写入内容
document.write会将指定字符串直接写入当前HTML文档流中,若在页面加载完成后调用,会导致整个页面被重写清空,因此仅适用于页面加载过程中简单输出。
1、在HTML的
内部或











