2012-11-13 来源:网络
【实例名称】
将HTML转换为JavaScript脚本
【实例描述】
随着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>
【运行效果】
【难点剖析】
本例的重点是对特殊字符的转换。其中用了“replace”和“split”方法。“replace”用来替换指定的字符,“split”用来将字符串分解为数组,分解的依据就是指定的标识。
【源码下载】
为了JS代码的准确性,请点击:将HTML转换为JavaScript脚本 进行本实例源码下载