搜索
简帛阁>技术文章>js实现encodeHTML和decodeHTML

js实现encodeHTML和decodeHTML

HTML编解码说明/在线HTML编解码

encodeHTMl

class="language-typescript">const encodeHTML = (html: string): string => {
    const div = document.createElement('div');
    div.textContent = html;
    return div.innerHTML;
}

const decodeHTML = (html: string): string => {
    const div = document.createElement('div');
    div.innerHTML = html;
    return div.innerText || div.innerHTML;
}

const html = '<p>html decode/encode test &</p>';
let encodedHTML = encodeHTML(html);
let decodedHTML = decodeHTML(encodedHTML);
console.log(`raw html: ${html}`);
console.log(`encoded html: ${encodedHTML}`);
console.log(`decoded html: ${decodedHTML}`);

console.log(`&amp;&lt;p&gt;aaa&lt;/p&gt;`)

HTML编码(encodeHTMl)

对HTML编码就是对HTML文档中的特殊字符进行编码, 使得浏览器不会将这些内容识别为HTML文档内容;

会变编码的字符如

  • &: &amp
  • <: &lt;
  • >: &gt

HTML解码(decodeHTML)

HTML编码的逆过程, 将HTML中进行过编码的字符恢复为原来的字符

  • &amp: &
  • &lt;: <
  • &gt: >
HTML编解码说明/在线HTML编解码encodeHTMlconstencodeHTML(html:string):string>{constdivdocumentcreateElement('
效果图:代码如下:<!DOCTYPEhtml><html><head><metacharsetUTF8><title></title&
js实现栈或者队列有两种方式:1数组:数组本身提供栈方法(push,pop),队列方法(push,shift)。代码实现(栈):/*栈结构*/varstackfunction(){thisdata[]
浅拷贝//用=赋值vara={name:'hello'};varb=a;bname="world";consolelog(aname);//只复制第一层的浅拷贝functionsimpleCopy(o
本文实例为大家分享了js实现表格翻页跳转的具体代码,供大家参考,具体内容如下js代码里的row_num变量是显示数据的行数,修改后可改变每页显示的数量。html代码:<tableborder
最近在做练手项目时候,需要用到滑动条,所以就稍微研究了一下。首先来看水平滑动条,效果图如下:代码如下:<html><head><metacharsetUTF8>&l
im——InstantMessaging即时通讯基本技术原理(1)通过IM服务器登陆或注销(2)用户A通过列表找到B,用户B获得消息并与之交谈(3)通过IM服务器指引建立与B单独的通讯通道通讯方式(1
一、angular根据环境配置禁用调试://Disabledebugdataforproductionenvironment//@linkhttps://docsangularjsorg/guide/
多朋友在做特效网页的时候需要用到雪花飘落的效果,我们这里给大家整理了分别用JS还有JQuery两种代码实现这个效果的方式。我们先来看一下需要实现的雪花效果:这次实现的雪花飘落的效果很简单,主要是为了
JS的快速排序JS去重在面试的时候问的挺多的下面是我对快速排序的理解,快速排序,去重的代码1什么是快速排序?第一步:快速排序就是去个中间值,把比中间值小的放在左边设为arrLeft,比中间值大的