Implementation of htmlencode () and htmldecode () function instance analysis using alternative javascript methods, pythondecodeencode

Implementation of htmlencode () and htmldecode () function instance analysis using alternative javascript methods, pythondecodeencode

This article describes how to implement the htmlencode () and htmldecode () functions using javascript alternative methods. We will share this with you for your reference. The details are as follows:

The most common practice is to replace special characters such as <> & with regular expressions. It is easier to replace special characters such as <> & with htmlencode, however, it may not be easy to use when htmldecode is sent, because there are many situations that need to be reversed, which are common <> &, and©"®It is difficult to list all characters, including dozens of character entities, and escape characters in the Unicode-encoded decimal or hexadecimal notation such as AB Chinese or Chinese, replacing them one by one is not only lengthy and inefficient, but also easy to miss some characters.

The Code is as follows:

function htmlencode(s){  var div = document.createElement('div');  div.appendChild(document.createTextNode(s));  return div.innerHTML;}function htmldecode(s){  var div = document.createElement('div');  div.innerHTML = s;  return div.innerText || div.textContent;}

Very concise!

The encoding principle is to create a TextNode node, attach it to the container, and then retrieve the innerHTML of the container.

The decoding principle is to assign the string to the innerHTML of the container, and then take innerText or textContent.

Test:

// Test document. onclick = function () {// <p> & </p> alert (htmlencode ('<p> & </p>'); // <p> &©Chinese ABC </p> alert (htmldecode ('<p> &©ABC Chinese </p> '));}

Good results.

Htmldecode requires an input parameter. If the input parameter is not the result of a valid encode, the expected result may not be obtained.

I searched in google and found an article in cnblogs that had the same idea as me. Someone else thought like this ||=, but his htmldecode code has an error.