javascript - 识别html代码

Question

是否有一个 javascript 函数可以识别字符串变量是否包含 HTML 代码？我想避免这种情况，因为如果我使用 innerHTML 并且用户提交了类似 <img src='link'> 的内容它没有出现字符串，而是真实的图像......我希望我解释了谢谢!

Answer 1

你可以只替换 3 个非常特殊的字符:
& : 用于字形符号
< : html 标签的左括号
> : html 标签的右括号

function make_safe(input) {
    return input.replace("&", "&amp;").replace(/(<?)([^<>]*)(>?)/g, function (a,b,c,d) {
        if ((b+c+d).toLowerCase() === "<br>") return "<br>";

        if (b === "<") b = "&lt;";
        if (b === ">") b = "&gt;";

        if (d === "<") d = "&lt;";
        if (d === ">") d = "&gt;";

        return b+c+d;
    }).replace(/\r?\n/g,"<br>");
}

// example:
mydiv.innerHTML = make_safe('<img src="/pic.jpg">');

我做了一点魔术，所以\r\n 变成了换行符，<br>标签被保留