我写我滴,你看你滴,大家互不侵犯!~~

站点统计

  • 文章总数:180
  • 评论总数:533
  • 引用总数:1
  • 浏览总数:570962
  • 留言总数:85
  • 当前主题:MsnSpace
  • 当前样式:MsnSpace

站内搜索

Google

图标汇集

  • 本站的FeedBurner RSS Feed Add to Google Reader
  • Add to BlogLines
  • Blog Directory 本站支持 WAP 访问,地址:http://www.bkye.com/wap
  • AXNA 通过 W3C XHTML 校验
  • UTF-8 编码 防广告链接
  • 订阅本站的 RSS 2.0 新闻聚合 Google SiteMap
  •         
« CorelDRAW13简体中文版完美破解版(附注册机)手机待机图(240×320) »

轻松实现HTML和JS之间的转化

  有一点可以不用否认的,那就是当每个页面中中都需要调用同一个文件时,采用JS的文件会比HTML文件快,为了方便这2种代码之间的转化,网上有很多网站提供这样的服务,为了不用转化一下就网上转化,于是呼我找了个最简单的代码,可以轻松时间这2种代码之间的转变,演示地址为:http://www.bkye.com/tool/html-js.htm,如果您在看到演示后觉得还8错的说,可以看看下面的代码:

<!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=gb2312" />
<title>HTML与JS互转工具</title>
</head>
<script language="javascript">
 function change(){
 txt.value="document.writeln(\""+txt.value.replace(/\\/g,"\\\\").replace(/\//g,"\\/").replace(/\'/g,"\\\'").replace(/\"/g,"\\\"").split('\r\n').join("\");\ndocument.writeln(\"")+"\")"
 } 
 
 function rechange(){
 txt.value=txt.value.replace(/document.writeln\("/g,"").replace(/"\);/g,"").replace(/\\\"/g,"\"").replace(/\\\'/g,"\'").replace(/\\\//g,"\/").replace(/\\\\/g,"\\")
 }
</script>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center">请在文本框中输入要转换的代码<br>
                <textarea id="txt" rows="30" cols="100" value=''></textarea></td>
          </tr>
         <tr>
            <td height="15" class="maincontent2"><div align="center">
                <input type="button" onClick="change()" name="Submit2" value="HTML转JS"> 
                <input type="button" onClick="rechange()" name="Submit1" value="JS转HTML">
              </div></td>
          </tr>
      </table>
</body>
</html>

  使用方法是:新建一个记事本文件,将上面的代码复制进去,然后将记事本文件的后缀修改成.htm就可以了,另外一种比较简单的方法就是将演示地址另存一下即可^_^

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

MsnSpace Design By Erentan, Powered By Z-Blog 1.8, 晋ICP备05007264号

Copyright © 2005-2008 Bkye.Com. All Rights Reserved. TOP