首页 > 编程语言 >Javascript 中对HTML编码和解码的方法

Javascript 中对HTML编码和解码的方法

时间:2023-09-07 12:02:28浏览次数:38  
标签:textContent temp 解码 Javascript HTML innerText var output null

String.prototype.HTMLEncode = function() { 
var temp = document.createElement ("div"); 
(temp.textContent != null) ? (temp.textContent = this) : (temp.innerText = this); 
var output = temp.innerHTML; 
temp = null; 
return output; 
} 
String.prototype.HTMLDecode = function() { 
var temp = document.createElement("div"); 
temp.innerHTML = this; 
var output = temp.innerText || temp.textContent; 
temp = null; 
return output; 
}

本人对javascript的核心技术不是太熟悉,再加上现在又在用不熟悉的EXT来编写前台页面代码,所以只得用最笨的方法,不扩展String自己写处理函数:

htmlDecode:function(str){
  var temp = document.createElement ("div"); 
  temp.innerHTML = str;
    var output = temp.innerText || temp.textContent; 
    temp=null;
  return output;
 }htmlEncode:function(str){
  var temp = document.createElement ("div");   (temp.textContent != null) ? (temp.textContent = str) : (temp.innerText = str); 
  var output = temp.innerHTML; 
  temp = null; 
  return output; 
 }

其中用到的textContent和innerText 属性取到的内容是一样的

原因是firefox不支持innerText属性,但其提供的textContent属性和innerText具有一样的作用。所以上面的代码可以兼容IE和firefox

标签:textContent,temp,解码,Javascript,HTML,innerText,var,output,null
From: https://blog.51cto.com/u_2544485/7395716

相关文章

  • 无涯教程-JavaScript - BESSELJ函数
    描述BESSELJ函数返回贝塞尔函数Jn(x)。语法BESSELJ(X,N)争论Argument描述Required/OptionalXThevalueatwhichtoevaluatethefunction.RequiredNTheorderoftheBesselfunction.Ifnisnotaninteger,itistruncated.RequiredNotes如果x为非数值,......
  • 无涯教程-JavaScript - BESSELI函数
    描述BESSELI函数返回修改后的Bessel函数In(x),该函数等效于针对纯虚参判断的Bessel函数。语法BESSELI(X,N)争论Argument描述Required/OptionalXThevalueatwhichtoevaluatethefunction.RequiredNTheorderoftheBesselfunction.Ifnisnotaninteger,......
  • html+css:<a>中嵌入<img>,实现图片链接
    这个很好理解,记住<a>中不仅可以写标签,还可以嵌入文字。现在效果如下,在<a>中嵌入了<img>,同时又嵌入了<p>,点击图片和文字段落,其都会直接来进行跳转。这个是非常重要的,一点也不难,耐心做下去。  ......
  • html+css:文章居中,图片居中
    我们平常要涉及很多居中,现在这个要理解一、文字内容居中如下,其宽度居中采用text-align,但其高度居中,则让块高度,和行高度保持一致,此时就可以实现宽度居中 二、图片居中于浏览器,img作为行内块元素是无法实现的!img作为行内块元素,其有行的性质,此时margin是没有效果的,如下图。......
  • 无涯教程-JavaScript - WEEKDAY函数
    描述WEEKDAY函数返回与日期相对应的星期几。缺省情况下,日期以整数形式给出,范围从1(星期日)到7(星期六)语法WEEKDAY(serial_number,[return_type])争论Argument描述Required/OptionalSerial_number一个序号,代表您要查找的日期。应该使用DATE函数或其他公式或函......
  • 无涯教程-JavaScript - TODAY函数
    描述TODAY函数返回当前日期的序列号。序列号是Excel用于日期和时间计算的日期时间代码。如果在输入函数之前单元格格式为"常规",Excel会将单元格格式更改为"日期"。如果要查看序列号,必须将单元格格式更改为"常规"或"数字"。语法TODAY()争论TODAYFunction语法没有参数。......
  • 使用JavaScript计算两点经纬度之间的弧线点经纬度数组
    前言地球是一个近似于椭球体的三维物体,因此在计算两个经纬度点之间的距离时,不能简单地将其视为平面上的直线距离。相反,我们需要考虑地球的曲率,并使用球面三角法来计算两点之间的弧线距离及其中的插值点。通过本篇博客,我们将使用JavaScript来实现根据两个经纬度点返回两点之间的弧......
  • 【编解码】视频编码原理及主要指标
    为什么需要视频编码视频是由图像组成的,比如一张1920x1080分辨率的高清图片,我们一共需要1920x1080x8x3个bit。1920x1080是像素的数量,3代表的是RGB三个值,而8bit则是每个像素值的大小。这样一张图片,算下来总共47Mb。现在的视频一般都是30fps(帧每秒)。那我们粗略的计算,一秒钟......
  • JavaScript--查找当前节点的父节点
    consttreeData=(item)=>{if(item.parent&&item.parent.length>0){let_parent=data.taskData.filter((data)=>data.id==item.parent);if(_parent&&_parent.length>0){if(da......
  • 无涯教程-JavaScript - TIMEVALUE函数
    描述TIMEVALUE函数返回由文本字符串表示的时间的十进制数。十进制数字是一个介于0(零)到0.99988426之间的值,代表从0:00:00(12:00:00AM)到23:59:59(PM11:59:59)的时间。语法TIMEVALUE(time_text)争论Argument描述Required/OptionalTime_textAtextstringthatre......