javascript - 将 Mathias Bynens 的 obfuscate_email() PHP 函数转换为 JavaScript 函数

Question

这是原始的网络应用程序 - http://mathiasbynens.be/demo/email-obfuscator#code

我正在将它转换为 JavaScript 应用程序 -

function obfuscate_email() {
  var email = document.OBFUSCATOR.email.value,
    output = "";
  if (!email) {
    alert("Please enter an email address.");
  } else {
    if (document.OBFUSCATOR.reverse.checked) {
      email = email.split("").reverse().join("");
      output = "<span class=\"email\">";
    }
    if (document.OBFUSCATOR.encode.checked) {
      for (var i = 0; i < email.length; i++) {
        output += "&#" + email.charCodeAt(i) + ";";
      }
    } else {
      output += email;
    }
    if (document.OBFUSCATOR.reverse.checked) {
      output += "</span>";
    }

    document.getElementById("output").value = document.OBFUSCATOR.link.checked ? "<a href=\"&#109;&#97;&#105;&#108;&#116;&#111;&#58;" + output + "\">" + output + "</a>" : output;
    document.getElementById("preview").innerHTML = document.getElementById("output").value;
  }
}

但是当所有复选框都被选中时，它不能正常工作。我该如何解决这个问题？

它不起作用，因为 output变成 <span class="email">html code</span>这个函数使得output href属性。

Answer 1

要在 JavaScript 中反转字符串，don’t use email.split("").reverse().join("") — 使用 Esrever ( online demo ):

esrever.reverse('foo@example.com');
// → 'moc.elpmaxe@oof'

要使用 HTML 实体对文本进行编码，您可以使用 the he JavaScript library (online demo)。

he.encode('foo@example.com', {
  'encodeEverything': true
});
// → 'foo@example.com'

// or, to encode the already-reversed email address:
he.encode('moc.elpmaxe@oof', {
  'encodeEverything': true
});
// → 'moc.elpmaxe@oof'

要回答您的问题，请尽量不要设置 innerHTML，因为那样会有效地撤消 HTML 编码。改为设置 .textContent。