js如何把html当字符串渲染到页面上

JavaScript022

js如何把html当字符串渲染到页面上,第1张

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：var a = '<input type="text" value="test" />'document.body.innerText = a。

3、浏览器运行index.html页面，此时html代码被当成字符串渲染到了页面上。

CSS和JS可以放置在页面上的任意位置，但为了解决白屏和无样式闪烁问题，推荐放置位置为：

不同品牌的浏览器处理解析HTML和CSS的方式不一样，这就会造成不同的问题

1.首先按下F10键打开渲染设置面板，在其中找到GI选项

2.勾选环境阻光(AO)，数值调整到0.8。然后将半径调整到30，细分调整到30。注：具体数据可以根据自己的实际需求进行修改。

调整数值后，同样渲染效果图并对比一下效果：上方的是开启AO的效果，下方的是未开启AO的效果，很明显开启AO的效果更好，结构更加清晰。