html转义反转义

html-css014

html转义反转义,第1张

// 字符串反转义

function enXssHtml(text) {

const matchList = {

"<": "<",

">": ">",

"&": "&",

"": '""',

""": '"',

"'": "'",

}

let regStr = "(" + Object.keys(matchList).toString() + ")"

// ↑ ------------【 提取匹配列表key值 】.【组数转字符串】

regStr = regStr.replace(/,/g, ")|(")

// ↑ 通过匹配将其更新为正则的字符串类型

const regExp = new RegExp(regStr, "g")

// ↑ ------- 字符串 转 正则 方法

return text.replace(regExp, (match) =>matchList[match])

// ↑ ------ 替换方法 (正则, 当前key =>返回当前被匹配的key值)

}

// 字符串反转义

function deXssHtml(text) {

const matchList = {

"<": "<",

">": ">",

"&": "&",

'"': '"',

'"': '"',

"'": "'",

}

let regStr = "(" + Object.keys(matchList).toString() + ")"

// ↑ ------------【 提取匹配列表key值 】.【组数转字符串】

regStr = regStr.replace(/,/g, ")|(")

// ↑ 通过匹配将其更新为正则的字符串类型

const regExp = new RegExp(regStr, "g")

// ↑ ------- 字符串 转 正则 方法

return text.replace(regExp, (match) =>matchList[match])

// ↑ ------ 替换方法 (正则, 当前key =>返回当前被匹配的key值)

}

转义字符有很多,在实际编程过程中常常会用到,那么下面介绍一下常用的转义字符。

1、首先打开pycharm,新建一个工程和python文件,如图。

2、打印一段话,输入print添加内容,如下图所示。

3、接着转义字符"\n"换行,如图所示,转义字符"\t"制表符。

4、然后转义字符"\""双引号和"\'"单引号,如下图所示。

5、最后转义字符"\r"回车,如下图所示就完成了。

在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格

在HTML中有些时候,我们不能直接书写一些特殊符号

比如:多个连续的空格,比如字母两侧的大于和小于号

如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)

实体的语法:

例如:

空格

>大于号

<小于号  

© 版权符号