Javascript 两次转义双引号

Question

我在尝试正确显示包含双引号 (") 的文本 input 字段的 value 时遇到问题。

代码如下:

<script>
var locked;
function addHTML(html,id,replace){
    if(locked!=false){
        if(replace==true) document.getElementById(id).innerHTML = html;
        else document.getElementById(id).innerHTML = document.getElementById(id).innerHTML + html;
    }
}
</script>
<DIV id="divvalues">
    <div onclick='javascript:addHTML("<INPUT type=\"text\" id=\"inputvalues\" name=\"values\" value=\"Click on me, \"in double quotes\", click on me\" required size=53 />","divvalues",true); document.getElementById("inputvalues").focus();'>
        <span>Click on me, "in double quotes", click on me</span>
    </div>
</DIV>

因此，只有 Click on me, 显示在 input 中。关于如何转义 value 属性中的双引号有什么想法吗？

Answer 1

如果您在脚本中创建一个函数而不是在您的 onclick 中执行所有操作，那么调试可能会更容易。

相反，我会先做这样的事情:

<div onclick='yourFunction()'>

在你的 Javascript 中:

function yourFunction()
{
    // code
}