将HTML转换为JavaScript脚本

2012/11/13 11:50:57作者：佚名来源：网络

移动端

【实例名称】

【实例描述】

随着c#的流行，很多时候需要在后台手写HTML代码，为了正确地书写，可以使用本例提供的代码自动生成脚本，然后在后台调用。

【实例代码】

<html>
<head>
<title>无标题文档-学无忧（www.xue51.com）</title>
<script>
    function toScript(val)
    {
         var value = val.value;
         //特殊字符的转换
         value  = value.replace(/\\/gi,"\\\\").
replace(/"/gi,"\\\"").replace(/'/gi,"\\\'");
         valArr = value.split("\r\n");//分行
         value="";
         for (i=0; i<valArr.length; i++)
         {
          value += (i==0) ? "info =" : ""
          value += "  \"" + valArr[i];
          value += (i!=valArr.length-1) ? "\" +\"\\n\"+\n" : "\"\n" ;
//字符串的间隔符号
         }
         value+="\ndocument.write(info)";
         val.value = value;
     }
</script> 
需要在body中添加一个按钮调用上面的方法，代码如下所示：
</head>
<body>
<input type=button value="将 HTML 转为 JavaScript" 
onclick=toScript(document.all["mytxt"])><br>
<textarea id=mytxt cols=60 rows=8>
    <table width="300">
    <tr><td align="right">A</td></tr>
    </table>
</textarea>
</body>
</html>

【运行效果】

将HTML转换为JavaScript脚本运行效果