浏览器展示html字符串不背渲染
时间: 2023-07-16 08:11:44 浏览: 47
如果你想在浏览器中展示 HTML 字符串而不进行渲染,可以使用 HTML 实体编码。HTML 实体编码是将 HTML 特殊字符转换成它们对应的实体名称或数字编码的过程。例如:
```
< 转义为 <
> 转义为 >
& 转义为 &
```
这样,HTML 字符串将不会被解析为 HTML 标记,而是以原始的形式展示。你可以使用 JavaScript 函数 `encodeURIComponent()` 来对 HTML 字符串进行编码。例如:
```javascript
const htmlString = '<h1>Hello, world!</h1>';
const encodedString = encodeURIComponent(htmlString);
console.log(encodedString); // %3Ch1%3EHello%2C%20world%21%3C%2Fh1%3E
```
然后,你可以将编码后的字符串在浏览器中展示。在展示之前,使用 `decodeURIComponent()` 函数将字符串解码。例如:
```javascript
const encodedString = '%3Ch1%3EHello%2C%20world%21%3C%2Fh1%3E';
const decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // <h1>Hello, world!</h1>
```
这样,浏览器就会以原始的形式展示 HTML 字符串。