javascript - 如何使用javascript替换多个字符

Question

我想替换所有<至<和>至> 。

我用过.replace()功能，但它不适用于 g或gi .

这里的例子 - http://jsfiddle.net/krishnaTORQUE/RSxnZ/1/

Answer 1

我建议:

var str = '< and >',
    encoded = str.replace(/<|>/g, function(a){
                  return a == '<' ? '&lt;' : '&gt;';
              });
console.log(encoded);

JS Fiddle demo .

至于为什么您自己的尝试不起作用，在我们看到您的尝试之前是不可能说的。

鉴于发布的链接(请注意，在问题中显示您的代码要有用得多)，我建议:

function disp()
{    
    var text = document.getElementById('textarea').value,
        output = document.getElementById('ibox');
    ibox.appendChild(document.createTextNode(
        text.replace(/<|>/g, function(a){
            return a == '<' ? '&lt;' : '&gt;';
        })
    ));
}

JS Fiddle demo ，代码仅在 Ubuntu 12.10 上的 Chromium 28 中进行了测试。

并进行了轻微更新，以使用不显眼的 JavaScript(远离内联事件处理程序):

function disp()
{    
    var text = document.getElementById('textarea').value,
        output = document.getElementById('ibox');
    ibox.appendChild(document.createTextNode(
        text.replace(/<|>/g, function(a){
            return a == '<' ? '&lt;' : '&gt;';
        })
    ));
}

var inputs = document.getElementsByTagName('input'),
    button;
console.log(inputs);

for (var i = 0, len = inputs.length; i < len; i++) {
    if (inputs[i].type == 'button' && inputs[i].value == 'click') {
        button = inputs[i];
    }
}

button.addEventListener('click', disp);

JS Fiddle demo

引用文献:

• JavaScript regular expressions .
• String.replace() .