javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码_javascript技巧

方法一:

用的浏览器内部转换器实现转换,要领是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持),然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串,显示的时候反过来就可以了(实际上显示的时候不消通过转换,直接赋值在div就可以正常显示的)。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第二种方法: 正则替换
通过把正则表达式把<>和空格符转换成html编码,由于这种方法不是系统内置的所以很轻易出现有些特别标签没有替换的情况,并且效率低下

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

大家可以先运行测试下,我也发现了,还是第一种方法比较好用啊,真不错,大家一定要记住了。
 另外还是一些编辑器使用的一些htmlencode函数,到时候大家根据需要添加,不过需要提醒的是,代码一定要测试啊, jb51.net站长发布这条信息的时候测试确实很麻烦啊,修改了多次

复制代码 代码如下:

function HTMLEncode(text){
    text = text.replace(/&/g, "&") ;
    text = text.replace(/"/g, """) ;
    text = text.replace(/</g, "<") ;
    text = text.replace(/>/g, ">") ;
    //text = text.replace(/\ /g," ");
    text = text.replace(/\n/g,"<br>");
    text = text.replace(/\t/g,"    ");
    return text;
}

时间: 2024-12-30 21:53:07

javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码_javascript技巧的相关文章

javascript获取ckeditor编辑器的值(实现代码)_javascript技巧

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传 刚有个朋友反应说FIREFOX下不能判断为空

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码_javascript技巧

像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时: 选择时: 代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三级联动测试</titl

javascript的函数、创建对象、封装、属性和方法、继承_javascript技巧

一,function 从一开始接触到js就感觉好灵活,每个人的写法都不一样,比如一个function就有N种写法 如:function showMsg(){},var showMsg=function(){},showMsg=function(){} 似乎没有什么区别,都是一样的嘛,真的是一样的吗,大家看看下面的例子 复制代码 代码如下: ///----------------------------------------------------------------------------

javascript 具名函数的四种调用方式 推荐第1/3页_javascript技巧

1.()小括号运算符 平时最常用的就是()运算符来调用一个函数 复制代码 代码如下: //无参函数fun1 function fun1() { alert('我被调用了'); } fun1() //有参函数fun2 function fun2(param) { alert(param); } fun2('我被调用了') ECMAScript3后加入给Function加入了call和apply后,就有了下面两种 2.call 复制代码 代码如下: //无参函数fun1 function fun1(

兼容IE和FF的图片上传前预览js代码_javascript技巧

效果图如下:  代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta

IE FF OPERA都可用的弹出层实现代码_javascript技巧

复制代码 代码如下: // JavaScript Document var dv; var dvMsg; function customalert() { dvMsg = document.createElement("div"); dvMsg.style.position = "absolute"; dvMsg.setAttribute('id', 'msg'); dvMsg.style.width = "600px"; dvMsg.style

JavaScript验证18位身份证号码最后一位正确性的实现代码_javascript技巧

根据身份证号码推算出最后一位的正确性,如果不正确还会给出正确结果,非常有意思的一断程序. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

javascript实现了照片拖拽点击置顶的照片墙代码_javascript技巧

演示图 styles.css *{ /*清空所有元素默认的外边距和内边距*/ } .photo_wall{ background:url(bg.jpg); /*定义照片墙的默认背景*/ background-size:cover; /*使照片墙的背景填充照片墙*/ width:1200px; /*设置照片墙的宽高*/ height:500px; margin:40px auto; /*设置照片墙的外边距*/ display:-webkit-box; /*使用CSS3的盒模型之流式布局*/ dis

javascript下用for( in )语句 获得所有style 内容的脚本代码_javascript技巧

events=[];for(o in O=obj.currentStyle)events.push(o+'='+O[o])  这里输入代码内容 0 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]