使用jq添加html代码哪些字符需要转义

使用jq添加html代码哪些字符需要转义,第1张

Html中特殊字符不被转义,可以使用预格式化标签。pre 是 Preformatted text(预格式化文本) 的缩写。使用此标签可以把代码中的空格和换行直接显示到页面上。例如HTML代码: 

1

2

3

4

5

<pre>

if (xx >5) {

print "比5大!\n"

}

</pre>

浏览器显示效果:if (xx >5) {print "比5大!\n"}<textarea></textarea>之间包含有类似的这种转义字符的时候总会被解析,倒是可以把所有的"&"通过程序替换成"&",但是有些本来就是"&"的也会被转换,这就错了。如何让<textarea></textarea>之间包含的文本原封不动的显示出来呢?总结如下:解决方法有两种:第1种:

1

2

3

4

5

6

<body>

<textarea id='t' rows=20 cols=20></textarea>

<script>

document.getElementById('t').innerText='a<&>'

</script>

</body>

第2种:/*将字串转为html格式*/ 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

public String strToHtml(String s)

{

if (s==null||s.equals("")) return ""

s = s.replaceAll("&", "&")

s = s.replaceAll("<", "<")

s = s.replaceAll(">", ">")

s = s.replaceAll(" ", " ")

// s = s.replaceAll("/n", "")

// s = s.replaceAll("'", "'")

return s

}

/*将html格式转为字串*/

public String strToHtml(String s)

{

if (s==null||s.equals("")) return ""

s = s.replaceAll("&","&")

s = s.replaceAll("<","<")

s = s.replaceAll(">",">")

s = s.replaceAll(" "," ")

//s = s.replaceAll("","/n")

//s = s.replaceAll("'","'")

return s

}

最后一点:jQuery的.html()方法默认会转义的,这种情况使用.text()就不会转义了。

html的双引号是正常的吧,每一个属性,例如:value="",一般都有双引号包着。但是用js添加页面节点的时候,需要转义,比如:

var html = "<div onclick=\" openUrl( ' <s:url value='%{resUrl}'/>' ) \"></div>"

document.getElementById("main").innerHTML = html

看到最外面的那个双引号的了吗,是表示一个字符串变量的意思,而被包在里面的双引号就不起作用,只有在页面显示的时候才会起作用,也就是说js不会认为第一个双引号和第二个双引号是一对,会认为</div>"这个双引号才是结尾,因为中间的被"\"转义了。

openUrl函数中的第一对单引号是表示字符串的意思,你省去也不会报错,中间那一对则是标签的属性需要。

最后的问题说明你对struts的标签不熟,可以看下struts的property和ognl表达式,最多半个小时可学会

如果是页面已存在的标签,你直接用$("#标签Id")取到了以后默认的就是jQuery对象,

如果是手写的字符串,同样是$("<span>kkkk</span>")这样就是jQuery对象,

如果想再转换成正常的dom对象,就用get,如$("<span>kkkk</span>").get(0),其中0为索引


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5912080.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-08
下一篇 2023-03-08

发表评论

登录后才能评论

评论列表(0条)

保存