您的位置:首页 > Web前端 > JavaScript

中英文混排,用JS实现不同字体

2006-08-15 14:24 477 查看
<style>
.cn {
 /* 这里是中文样式 */
 color:red;
 background-color:yellow;
 font-size:12px;
}

.en {
 /* 这里是英文样式 */
 color:#333;
 background-color:white;
 font-size:14px;
}
</style>

<div id="divHutia">
中英文混排,假如首选字体为宋体的话,英文也变成宋体,但我想英文字体为Verdana,用SPAN标签的话每个网页改过去得累<br>死,我想用JS来实现,判断出是英文的话就设字体为Verdana,如何实现呢?请大虾帮忙~~~

些很实用且必用的小脚本代码:<br><br>脚本1:进入主页以后自动播放声音 <br><br><embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> <br><br>脚本2:进入主页后自动最大话,省的去在自己单击了 <br><script> <br>self.moveTo(0,0) <br>self.resizeTo(screen.availWidth,screen.availHeight) <br></script> <br><br>脚本3:显示现在时间的脚本 <br><script language=vbscript>document.write now</script> <br><br>脚本4:显示最后修改时间的脚本 <br><script>document.write(document.lastModified)</script> <br><br>脚本5:设为首页,加为收藏,加入频道,启动outlook发信 <br><a style="cursor:hand" <br>onclick="this.style.behavior="url(#default#homepage)"; <br>this.setHomePage(http://10.13.31.90/~kayvin/);">">;设为首页</a> <br><br><a style="cursor:hand" <br>onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> <br><br><a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> <br><br><br><a href="mailtkayvin@sohu.com">;与我联系</a> <br><br>脚本6:状态栏动态显示现在时间 <br>

相关关键字: 中英文 字体
</div>
<script>
var tempObj=document.getElementById("divHutia");
hutia(tempObj);

function hutia(obj){
 var re="", nn, ss;
 if(obj.nodeType==1){
  for(var i=0;i<obj.childNodes.length;i++)hutia(obj.childNodes[i]);
 }else if(obj.nodeType==3){
  nn=document.createElement("span");
  nn.className="cn";
  obj.parentNode.insertBefore(nn,obj);
  ss=obj.nodeValue.replace(/&/g,"&").replace(/ /g," ").replace(/</g,"<").replace(/>/g,">").replace(//n/g,"<br>").replace(//"/g,""");
  obj.parentNode.removeChild(obj);
  nn.innerHTML=ss.replace(/[^/u0391-/uFFE5]+/g,hutia_en);
 }
}

function hutia_en(str){
  return("<span class=/"en/">"+str+"</span>");
}
</script> 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息