Question

我在尝试逃避某些代码时遇到问题...基本上，我想逃避“＆lt;”和“＆gt;”但我希望他们在我的#output div中显示为“＆lt;”和“＆gt;”。目前，它们显示为“＆amp; lt;”和“＆amp; gt;”在页面上。

这显然是为了防止任何人在页面上利用/注入脚本。这是我的代码：

var textval = $("#textarea").val();                   //textarea

filtered = textval.replace(/</gi,"&lt;");           //replace "<"

$("#output").html(filtered);                     //insert textarea data into div

任何人都可以发现我做错了什么，或者有更好的办法吗？

非常感谢

编辑：我确实想要一些html标签（比如＆lt; b＆gt;工作，所以我不能使用$ .text（）;不幸的是......）

Answer 1

试试这个：

var textval = $("#textarea").val();
$("#output").text(textval);

jQuery提供了两种方法 - $ .text（）和$ .html（），其中方法名称不言自明：）

Answer 2

稍微不同的替换，但对我有用（即使使用.html()）。

<强> Demo

var str = $('#textarea').val();
$('#result').html(str.replace(/<|>/ig,function(m){
    return '&'+(m=='>'?'g':'l')+'t;';
}));

<textarea id="textarea">
    Hello, <b>World</b>!
</textarea>
<div id="result"></div>

（这只是为了验证可以完成，.text()是更好的方法）

逃避少于/大于javascript

2 个答案: