Question

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction1()">Click me1</button>
<button onclick="myFunction2()">Click me2</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction1() {
    document.getElementById("demo1").innerHTML = "Python\x20Auto\x20\x26lt\x3Bscript\x20type\x26\x23x3d\x3B\x26quot\x3Btext\x26\x23x2f\x3Bjavascript\x26quot\x3B\x26gt\x3B\x20alert\x26\x23x28\x3B\x26quot\x3BJavaScript\x20alert\x26quot\x3B\x26\x23x29\x3B\x26\x23x3b\x3B\x20\x26lt\x3B\x26\x23x2f\x3Bscript\x26gt\x3B\x20";
}
function myFunction2() {
    document.getElementById("demo2").innerHTML = "'Python&#x5c;x20Auto&#x5c;x20&#x5c;x3Cscript&#x5c;x20type&#x5c;x3D&#x5c;x22text&#x5c;x2Fjavascript&#x5c;x22&#x5c;x3E&#x5c;x20alert&#x5c;x28&#x5c;x22JavaScript&#x5c;x20alert&#x5c;x22&#x5c;x29&#x5c;x3B&#x5c;x20&#x5c;x3C&#x5c;x2Fscript&#x5c;x3E&#x5c;x20'";
}
</script>
</body>
</html>

我有两个名为demo1和demo2的“p”元素。 demo1元素被编程设置为一个文本，该文本首先被 html 转义，然后被 javascript 转义。 demo 2元素被编程为将其innerHtml设置为已被 javascript first 和 html next 转义的文本。我放了两个按钮。 点击我1 和点击我2 。单击这两个时，您将看到demo1元素显示正确未转义的文本，但demo2元素未正确显示其文本。有人可以解释这种情况吗？

转义字符未正确显示

0 个答案: