js转html实体的方法

2024-02-16 22:02:32

方法一：

用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串。

function HTMLEncode ( input )
{
var converter = document.createElement("DIV");
converter.innerText = input;
var output = converter.innerHTML;
converter = null;
return output;
}

当然，还可以用相同的方法实现对字符串的HTMLDecode解码，但有个问题就是紧跟在字符" <"后面的非空字符将连同字符" <"同时显示不出来。当然，对字符串作相应处理是可以解决这个问题的，比如在字符" <"后面加个空格，解码后再去掉就行，这是后话。毕竟，要使用 HTMLDecode方法解码，自然是字符串已经经过HTMLEncode方法编码了，而经过HTMLEncode编码后的字符串，是不可能有字符 " <"存在的。

function HTMLDecode ( input )
{
var converter = document.createElement("DIV");
converter.innerHTML = input;
var output = converter.innerText;
converter = null;
return output;
}

方法二：

<script  language=javascript> 

 function  HTMLEnCode(str)
 {
    var  s  =  "";
    if  (str.length  ==  0)  return  "";
    s  =  str.replace(/&/g,  ">");
    s  =  s.replace(/ </g,    "<");
    s  =  s.replace(/>/g,    ">");
    s  =  s.replace(/  /g,    " ");
    s  =  s.replace(/\'/g,   "'");
    s  =  s.replace(/\"/g,   """);
    s  =  s.replace(/\n/g,   " <br>");
    return  s;
 }
 function  HTMLDeCode(str)
 {
    var  s  =  "";
    if  (str.length  ==  0)  return  "";
    s  =  str.replace(/>/g,  "&");
    s  =  s.replace(/</g,    " <");
    s  =  s.replace(/>/g,    ">");
    s  =  s.replace(/ /g,    "  ");
    s  =  s.replace(/'/g,   "\'");
    s  =  s.replace(/"/g,   "\"");
    s  =  s.replace(/ <br>/g,   "\n");
    return  s;
 }
 </script>

以上就是小编为大家带来的js转html实体的方法的全部内容了，希望对大家有所帮助，多多支持我们~

轻松实现HTML和JS之间的转化的代码

有一点可以不用否认的,那就是当每个页面中中都需要调用同一个文件时,采用JS的文件会比HTML文件快,为了方便这2种代码之间的转化,网上有很多网站提供这样的服务,为了不用转化一下就网上转化,于是呼我找了个最简单的代码,可以轻松时间这2种代码之间的转变,演示地址为:http://www.bkye.com/tool/html-js.htm,如果您在看到演示后觉得还8错的说,可以看看下面的代码: HTML与JS互转工具 function change(){ txt.value="document.wri
将HTML自动转为JS代码

function toScript(val) { var value = val.value value = value.replace(/\\/gi,"\\\\").replace(/"/gi,"\\\"").replace(/'/gi,"\\\'") valArr = value.split("\r\n") value="" for (i=0; i A [Ctrl+A 全选注:如需
JS转换HTML转义符的方法

//去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 } //普通字符转换成转意符 function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,function(c){return {'<':'<','>':'>','&':'&
js转html实体的方法

方法一: 用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText,然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串. function HTMLEncode ( input ) { var converter = document.createElement("DIV"); converter.innerText = input; var output = converter.innerHTML
php正则去除网页中所有的html,js,css,注释的实现方法

如下所示: $search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript "'<style[^>]*?>.*?</style>'si", // 去掉 css "'<[/!]*?[^<>]*?>'si", // 去掉 HTML 标记 "'<!--[/!]*?[^<>
js显示动态时间的方法详解

本文实例讲述了js显示动态时间的方法.分享给大家供大家参考,具体如下: Date对象的方法 Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正运行的操作系统的时间和日期.要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance). Date 对象必须使用 Flash 5 或以后版本的播放器. Date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的
JS对象的深度克隆方法示例

本文实例讲述了JS对象的深度克隆方法.分享给大家供大家参考,具体如下: js中创建的对象指向内存,所以在开发过程中,往往修改了一个对象的属性,会影响另外一个对象. 尤其是在angular框架中,dom是由数据驱动的,在增删改查对象的操作中,对象属性的继承关系是很让人头痛的! 我之前遇到的问题就是,在编辑页面,操作了对象数据,影响到了展示数据的展现! 我整理了两种深度克隆对象的方法,供大家参考! 首先var 一个假数据复制代码代码如下: var schedule = {"status"
同步异步动态引入js文件的几种方法总结

动态加载js文件有时候我们需要根据参数不同来引入不同的js文件,用html直接写标签满足不了我们的需求,总结几种方法,以及同步异步加载的各种需求一.直接加载 <div id="divId"></div> <script> 二.异步加载,并发执行,但引入js内容不能直接使用 //1.1 直接document.write document.write("<script src='test.js'><\/script>
angular.js之路由的选择方法

在一个单页面中,我们可以添加多个模块,使得网页只在需要的时候加载这个模块.模块的切换大致上可以代替网页的切换,于是,我们便可以通过模块的切换实现网页的切换,这个切换是按需加载的. 乍一看非常普通的东西,但是仔细想想就可以发现,这种思想可以解决非常多的资源. 例如,假如有一个页面,需要显示1000种商品的信息,每个商品的表现形式各不相同(设他们有各自独立的css和js),那么一般来说,我们就需要准备1000张网页去加载这些信息.但是,使用这种模块化思想,我们就可以仅仅在后台设定1000个各不相同的
JS实现一个按钮的方法

本文实例讲述了JS实现一个按钮的方法.分享给大家供大家参考.具体实现方法如下: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="edge"> <script> window.onload = function(){ var btn
vue.js实现价格格式化的方法

这里分享一个常用的价格格式化的一个方法,在电商的价格处理中非常的实用,我们可以看一个效果这里在价格数据的地方使用了一个过滤器,通过这个过滤器对价格做了保留小数位的处理. HTML <div class="price"> <span v-html="goods.sale_price|format"></span> <span class="price-before">￥{{＂这里是价格数据＂}}&l
利用vue.js插入dom节点的方法

本文主要介绍的是vue.js插入dom节点的方法,下面话不多说,来看看详细的介绍吧. html代码: <div id="app"></div> js代码: var MyComponent = Vue.extend({ template: '<div>Hello World</div>' }) var myAppendTo = Vue.extend({ template:'<p>appendTo</p>' }) va
JS二叉树的简单实现方法示例

本文实例讲述了JS二叉树的简单实现方法.分享给大家供大家参考,具体如下: 今天学习了一下二叉树的实现,在此记录一下简单的二叉树实现,并且实现升序和降序排序输出 function Node(data , left,right){ this.data = data; this.left = left; this.right = right; this.show = show; function show(){ return this.data; } }; function Bst(){ this

js转html实体的方法

相关推荐

随机推荐