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

更新时间：2007年09月17日 13:06:35 作者：

有一点可以不用否认的，那就是当每个页面中中都需要调用同一个文件时，采用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">请在文本框中输入要转换的代码                  <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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

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

您可能感兴趣的文章:

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

如何判断鼠标是否在DIV的区域内
通过mouseover，mouseout来触发事件，才判断鼠标是否在该区域。但是这种方法的局限性就是，必须要触发mouseover，或mouseout，mouseleave事件才能知道
2013-11-11
Javascript 对象（object）合并操作实例分析
这篇文章主要介绍了Javascript 对象（object）合并操作,结合实例形式分析了javascript基于jQuery的extend方法、对象属性、遍历赋值等操作实现对象合并相关操作技巧与使用注意事项,需要的朋友可以参考下
2019-07-07
JavaScript实现SHA-1加密算法的方法
这篇文章主要介绍了JavaScript实现SHA-1加密算法的方法,实例分析了使用javascript实现SHA-1加密算法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
js仿淘宝和百度文库的评分功能
这篇文章主要为大家详细介绍了js仿淘宝和百度文库的评分功能的相关代码和实现思路,具有一定的参考价值，需要的朋友可以参考下
2016-05-05
基于原生JavaScript实现SPA单页应用
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。本文将利用原生JS实现SPA单页应用，需要的可以参考一下
2023-03-03
JavaScript数组各种常见用法实例分析
这篇文章主要介绍了JavaScript数组各种常见用法实例分析,包括数组的添加、删除、替换、还原等常见技巧,非常具有实用价值,需要的朋友可以参考下
2015-08-08
amd、cmd、esmodule、commonjs区别详解
本文主要介绍了amd、cmd、esmodule、commonjs区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
JS去除字符串的空格增强版(可以去除中间的空格)
之前发了不少了去除字符串空格的代码，但都是去除开始与结尾的，下面的这段代码可以去除中间的。
2009-08-08
javascript算法题：求任意一个1-9位不重复的N位数在该组合中的大小排列序号
这篇文章主要介绍了javascript算法题：求任意一个1-9位不重复的N位数在该组合中的大小排列序号,需要的朋友可以参考下
2015-04-04
Canvas实现动态的雪花效果
本文主要分享Canvas实现动态的雪花效果的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02