在网页开发过程中，我们经常会遇到非法字符异常（IllegalCharacterException）。这种异常通常发生在用户输入的文本中包含了一些特殊字符，而这些字符在网页中具有特殊的含义，导致网页无法正确解析和显示。为了避免这种异常的发生，我们需要学习一些字符处理技巧。

首先，我们需要了解哪些字符被认为是非法字符。在HTML中，一些特殊字符需要使用实体编码来表示，比如<表示小于号，>表示大于号，&表示和号，"表示引号等。如果我们直接在HTML文本中使用这些字符，就会导致非法字符异常。

为了解决这个问题，我们可以使用JavaScript的encodeURIComponent()函数对用户输入的文本进行编码。这个函数会将特殊字符转换成对应的实体编码，比如将<转换成%3C，将>转换成%3E。下面是一个简单的示例：

<script>
function handleInput() {
  var input = document.getElementById('input').value;
  var encodedInput = encodeURIComponent(input);
  document.getElementById('output').innerText = encodedInput;
}
</script>

<input type="text" id="input" placeholder="请输入文本">
<button onclick="handleInput()">处理</button>
<p id="output"></p>

在上面的示例中，我们使用了一个文本输入框和一个按钮。当用户输入文本并点击按钮时，handleInput()函数会被调用。这个函数首先获取用户输入的文本，然后使用encodeURIComponent()函数对其进行编码，并将编码后的结果显示在一个段落中。

通过这种方式，我们可以确保用户输入的文本不包含任何非法字符，从而避免非法字符异常的发生。

另一种常见的非法字符异常是在URL中包含了特殊字符。在URL中，一些字符是有特殊含义的，比如/表示路径分隔符，?表示查询字符串的起始符号，#表示锚点等。如果我们直接在URL中使用这些字符，就会导致非法字符异常。

为了解决这个问题，我们可以使用JavaScript的encodeURIComponent()函数对URL中的特殊字符进行编码。这个函数会将特殊字符转换成对应的实体编码，比如将/转换成%2F，将?转换成%3F。下面是一个简单的示例：

<script>
function handleURL() {
  var url = document.getElementById('url').value;
  var encodedURL = encodeURIComponent(url);
  document.getElementById('output').innerText = encodedURL;
}
</script>

<input type="text" id="url" placeholder="请输入URL">
<button onclick="handleURL()">处理</button>
<p id="output"></p>

在上面的示例中，我们使用了一个文本输入框和一个按钮。当用户输入URL并点击按钮时，handleURL()函数会被调用。这个函数首先获取用户输入的URL，然后使用encodeURIComponent()函数对其进行编码，并将编码后的结果显示在一个段落中。

通过这种方式，我们可以确保URL中不包含任何非法字符，从而避免非法字符异常的发生。

除了使用encodeURIComponent()函数进行编码之外，我们还可以使用decodeURIComponent()函数对已经编码的文本进行解码。这个函数会将实体编码转换回原始字符，比如将%3C转换成<，将%3E转换成>。下面是一个简单的示例：

<script>
function handleOutput() {
  var encodedOutput = document.getElementById('output').innerText;
  var decodedOutput = decodeURIComponent(encodedOutput);
  document.getElementById('decoded-output').innerText = decodedOutput;
}
</script>

<button onclick="handleOutput()">解码</button>
<p id="output">%3Cscript%3Ealert(%22Hello%2C%20World!%22)%3C/script%3E</p>
<p id="decoded-output"></p>

在上面的示例中，我们使用了一个按钮和两个段落。当用户点击按钮时，handleOutput()函数会被调用。这个函数首先获取编码后的文本，然后使用decodeURIComponent()函数对其进行解码，并将解码后的结果显示在另一个段落中。

通过这种方式，我们可以将编码后的文本转换回原始字符，从而正常显示在网页中。