Question

这是我简单HTML页面的来源（另存为.html文件）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function convert(){
 var ele1 = document.getElementById("somewhere");
 var replaced;
 replaced = ele1.value;
 replaced = replaced.replace(/&/ig, "&amp;");
 replaced = replaced.replace(/</ig, "&lt;");
 replaced = replaced.replace(/>/ig, "&gt;");
 replaced = replaced.replace(/'/ig, "&#039;");
 replaced = replaced.replace(/"/ig, "&quot;");
 ele1.value = replaced;
}
</script>
</head>

<body>
<textarea cols="70" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(250, 250, 250); border: 2px solid rgb(204, 204, 204);"></textarea><br />
<input onclick="convert();" type="button" value="Encode" />
</body>
</html>

这个页面的作用是，当点击“编码”按钮时，放在textarea中的任何代码都是HTML编码/转义的 - 基本上是&，<，{{1}的所有实例输入代码中的}，>和'将替换为各自的HTML实体。

如何修改页面中的JavaScript代码，以便只修改"和<pre>标记之间的输入代码？

编辑：我看到它并不清楚。首先，您需要将我上面给出的HTML代码保存到.html文件中，然后在浏览器中打开它。然后你会看到一个textarea /文本框，下面有一个“编码”按钮。

当按下“编码”按钮时，任何放入文本区域的代码都会被转义。

我想修改上面HTML代码中的JavaScript代码，以便（例如）将以下代码放在文本框中：

</pre>

并点击“编码”按钮，只有It's mine. <pre> <input onclick="convert();" type="button" value="Encode" /> </pre> It's also mine.代码之间的代码被转义。我希望这次我很清楚。

希望我很清楚，并且可以得到一些帮助。感谢。

Answer 1

使用内容：

var ele1 = document.getElementById("somewhere");

您可以使用：

var ele1 = document.getElementsByTagName("pre");

但是，这可能会返回多个元素，因为html中可能有多个<pre>部分。

但同样，如果您的目标是产生安全输出，则逃避不是首选解决方案。以Markdown为例看一下：
http://daringfireball.net/projects/markdown/basics

Answer 2

我不确定你要转换的内容。 ele1.innerHTML完全解析HTML应该如何解析。 IE浏览器。 <将转换为<，这是有效的HTML。

<强>被修改

function convert(){
  var txt=document.getElementById('somewhere');
  txt.innerText=txt.innerHTML;
  return;
}

Quotemarks和hipsals是有效的html，但是如果你想要替换它们：

var txt=document.getElementById('somewhere');
var txti=txt.innerHTML;
txti=txti.replace(/\"/g, "&quot;");
txti=txti.replace(/\'/g, "&#039;");
txt.innerText=txti;

如何使JavaScript仅影响特定标记之间的代码

2 个答案: