js 字符串转换 html标签,js 字符串转html标签

遇到一个问题:var str = “hk”,这是一段字符串，

获取放在网页上显示也是一段字符串：hk，此时的不是标签

怎么才能让在网页上以标签方式显示呢?

右击查看htmlelement的时候，变成这样了:

百度了，但是没起效，请大神指点

在这个页面顶部的地方举个栗子吧比如:

var str1 = "111";

var str2 = "222";

var str3 = "<script>alert('333')</script>";

document.getElementById('sideBookmark').innerHTML = str1; //原生js写法

$('#sideBookmark').html(str2); //jq写法

不过一般情况下要注意防xss注入，所以要对一些字符转义。比如你可以定义个函数

function escapeChars(str) {

str = str.replace(/&/g, '&');

str = str.replace(/</g, '<');

str = str.replace(/>/g, '>');

str = str.replace(/'/g, '´');

str = str.replace(/"/g, '"');

str = str.replace(/\|/g, '¦');

return str;

}

$('#sideBookmark').html(escapeChars(str3));

用html写入,直接上代码了

var str = "hk";

var parent = $('body');

parent.html(str);

document.body.innerHTML = 'hk'

要看源码，我怀疑是<>这些符号被转义了，你看起来是

所以，你需要先html….decode()一下。

这个是你想要的：

var str = 'hk';

var div = document.createElement('div');

div.innerHTML = str;

var span = div.childNodes[0];

var body = document.getElementsByTagName('body')[0];

body.appendChild(span);

原生方法。

改一下html结构？

比如

<pre>

some word..

</pre>

这样？

不然就只能做转义了

js 字符串转换 html标签,js 字符串转html标签相关推荐

html把字符串转换成数字,js字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
[转载] python 字符串转换long_python整数、字符串、字节串相互转换
参考链接: Python字符串string的encode python的数据转换很灵活,所以用日志记录下他们的用法. 概览数字字符串字节码函数功能记忆口诀备注 chr 数字转成对应的as ...
asp.net(c#)字符串转换成字符数组字符串转换成int 数组
问题: 一个字符串是string a="a,b,c,d" ,另一个是string b="1,2,3,4" ,第一个转换成string[]类型的,第二个转 ...
oracle字符串转换浮点数,c#中将字符串转换成带2位小数的浮点数
今天遇到一个展示酒店价格的需求,觉得是要显示成"￥0.00"样式的,就做个小随笔,将字符串装换成带2位小数的浮点数代码如下 string aaa = ""; ...
字符串转换整数python_Python将字符串转换为整数
字符串转换整数python In this tutorial you'll see two ways to convert string to integer in python. 在本教程中,您将看 ...
php字符串转换表达式,php处理字符串格式的计算表达式
有时候我们对每一种产品都有一个提成公式,而这个计算提成的公式是以字符串格式存在表中的当我们用这个计算公式时,他并不像我们写的:$a=2+3*5;这样简单的能计算出结果,而它是个字符串所以,我们就必 ...
每天一道LeetCode-----使用最少的操作将一个字符串转换成另一个字符串，只有插入，删除，替换三种操作
Edit Distance 原题链接Edit Distance 题目要求,输入两个字符串word1和word2,计算可以将word1转换成word2的最小的操作次数,可以执行的操作如下,每个操作算作1 ...
html大小写字符串转换成整数,c++字符串大小写转换
由于ANSI和Unicode在函数名上有差别,故都列出来,不过本人以Unicode为主. [1.用C语言标准库函数toupper,tolower] 头文件:cctype c下面:ctype.h 转大写 ...
微信小程序创建订单号思路（附将带其它符号字符串转换成纯数字字符串）
// 1获取当前时间let time = util.formatTime(new Date());// 2创建订单号// 拼接时间字符和电话号码// let orderNumber = time + ...
python字符串转换字典_python实现字符串和字典的转换
一.把一个字符串的内容提取出来,并放到字典中流程如下: 1.得到字符串s,通过分割提取得到s1(是个列表) s="name=lyy&age=3&sex=women& ...

js 字符串转换 html标签,js 字符串转html标签

js 字符串转换 html标签,js 字符串转html标签相关推荐

最新文章

热门文章

js 字符串 转换 html标签,js 字符串转html标签

js 字符串 转换 html标签,js 字符串转html标签相关推荐

最新文章

热门文章

js 字符串转换 html标签,js 字符串转html标签

js 字符串转换 html标签,js 字符串转html标签相关推荐