將HTML轉(zhuǎn)換為JavaScript腳本

2012/11/13 11:50:57作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

隨著c#的流行，很多時(shí)候需要在后臺手寫HTML代碼，為了正確地書寫，可以使用本例提供的代碼自動生成腳本，然后在后臺調(diào)用。

【實(shí)例代碼】

<html>
<head>
<title>無標(biāo)題文檔-學(xué)無憂（m.wangbatian.cn）</title>
<script>
    function toScript(val)
    {
         var value = val.value;
         //特殊字符的轉(zhuǎn)換
         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中添加一個(gè)按鈕調(diào)用上面的方法，代碼如下所示：
</head>
<body>
<input type=button value="將 HTML 轉(zhuǎn)為 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>

【運(yùn)行效果】

將HTML轉(zhuǎn)換為JavaScript腳本運(yùn)行效果