jquery可以利用parseHtml来 *** 作html字符串：
<html><head>
<script src="
$log = $( "#log" ),
str = "hello, <b>my name is</b> jQuery.",
html = $.parseHTML( str ),
nodeNames = [] // Append the parsed HTML$log.append( html ) // Gather the parsed HTML's node names$.each( html, function( i, el ) { nodeNames[i] = "<li>" + el.nodeName + "</li>"}) // Insert the node names$log.append( "<h3>Node Names:</h3>" )$( "<ol></ol>" ) .append( nodeNames.join( "" ) ) .appendTo( $log )
</script>
</body>
</html>
运行结果：
Content:
hello, my name is jQuery.Node Names:
#text
B
#text
（1）var html=$("<div><span>嵌入内容</span></div>")$("#id").html(html)
（2）上述中变量html为你要嵌入到html中的内容，再将嵌入到相应的id的html即可
（3）将写的jquery代码一般是放到html中head标签里，前提要有效果必须引入jquery库
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()就不会转义了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）