日期:2014-05-16 浏览次数:20528 次
<!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>
?