使用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()就不会转义了。

这里使用jq演示下jq如何 *** 作DOM,学习使用jq选择器是关键,还有几个 *** 作字段,就能轻松 *** 作页面元素了。例:

var html=jsonobj[x]+"<br/>"//

console.log(html)//在console里记录下,查看数据是否正确。

$("img").attr('src',html)//$("img")是jq选择器,选择标签为img的元素,attr是更改属性,更改图片路径为html表示的路径

$(".class").before(html)// $(".class")是jq选择器,选择样式为class的元素,before表示在这个元素之前插入html表示的内容

$("#id").append(html)// $("#id")是jq选择器,选择id为id的元素,append表示在这个元素之后插入html表示的内容

$("div").html(html)// $("div")是jq选择器,选择标签为div的元素,html替换这个元素里面的内容为html表示的内容


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存