防止javascript从自动转义和角色

Question

我看到& 在我的文本框中，但我只想要& 。 我认为这与浏览器解释javascript .innerHTML 。 带&的文本必须通过div。 出于某种原因，我不能直接为文本框赋值。

HTML代码

<div id='div'></div>
<input id='textbox' type='text' />

Javascript代码

var str = 'this & char';
$('#div').append("<div>" + str + "</div>");
$('#textbox').val($('#div').html());

实际的HTML输出

<div>this &amp; char</div>

并且用户看到this & char 文本框中的this & char 。

渴望HTML输出

<div>this & char</div>

用户在文本框中看到this & char 。

Answer 1

你正在使用.html()这就是&被转换为&的原因& 。 由于它是一个输入，它必须是纯文本，因此，当你写& 在输入字段中，它显示为文本。

$('#textbox').val($('#div').text());

Answer 2

而不是使用html()使用text() 。 html()将字符串视为HTML， text()将内容视为文本。

 var str = 'this & char'; $('#div').append("<div>" + str + "</div>"); $('#textbox').val($('#div').text()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='div'></div> <input id='textbox' type='text' />