日期:2014-05-16 浏览次数:20531 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>word-break</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
//不过滤A标签;并放到三个标签里面
$("#displayPage").click(function(){
var text=$(".pre").text();
$("#xm").text(text);
$("#xp").text(text);
$("#xd").text(text);
});
//不过滤A标签
$("#queryTextarea").click(function(){
var text=$(".pre").text();
$("#txt1").text(text);
});
//过滤A标签
$("#filterA").click(function(){
var html=$(".pre").html();
html=html.replaceAll("<","<"); //左边括号
html=html.replaceAll(">",">"); //右边括号
html=html.replaceAll(" "," "); //过滤空格
$("#txt2").text(html);
});
String.prototype.replaceAll = function(s1, s2) {
return this.replace(new RegExp(s1, "gm"), s2); //g全局
}
String.prototype.replaceAll2Excep = function(s1, s2) {
var temp = this;
while (temp.indexOf(s1) != -1) {
temp = temp.replace(s1, s2);
}
return temp;
}
});
</script>
<style>
.pre{
width:100px;
border:1px solid #99bbe9;
white-space: pre-wrap; //控制长度
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word; //换行断词 warp换行的意思
word-break:break-all; //断英文词
//
float:left;
}
</style>
<body>
<button id="displayPage">放到页面上不过滤A标签</button>
<button id="queryTextarea">放到textarea的值不过滤A标签</button>
<button id="filterA">放到textarea的值过滤A标签</button><br/>
原码
<pre class="pre">
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
<img src="http://www.baidu.com/img/baidu_jgylogo3.gif" />
</html> aa
</pre>>------------------------------------xmp<br/>
<xmp id="xm"></xmp>------------------------------------pre
<pre id="xp"></pre>>------------------------------------div
<div id="xd"></div>
不过滤A标签;检查英文字符<textarea style="width:500px;height:500px" id="txt1" ></textarea><br/>
过滤A标签;不检查英文字符<textarea style="width:500px;height:500px" id="txt2" spellcheck="false"></textarea>
</body>
</html>
?