HTML 与 JavaScript 相互转换

最新推荐文章于 2024-11-01 13:37:40 发布

CodingSir

最新推荐文章于 2024-11-01 13:37:40 发布

阅读量1k

点赞数

文章标签： javascript html 工具 table class border

本文链接：https://blog.csdn.net/educast/article/details/3543805

版权

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>html转换成js工具-js转html工具</TITLE>
<script language="javascript">

</script>
<style type="text/css">

</style>
</HEAD>
<BODY >
<table width="70%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
    <td>
<p><strong>html源代码转换javascript代码工具</strong></p>
<p>请将html源代码拷贝到下面表单中: <br>
<textarea cols="100" rows=8 id="oSource" onpropertychange="change()" ></textarea>
<br>
下面表单中是相应的JS代码: <br />
<textarea cols="100" rows=8 id="oResult" title="双击复制" οndblclick='this.select

();oResult.createTextRange().execCommand("Copy")'></textarea>
<br>
<script>
function change(){
oResult.value="document.writeln(/""+oSource.value.replace(g,"").replace(/

///g,"///").replace(//'/g,"///'").replace(//"/g,"///"").split('/r/n').join

("/");/ndocument.writeln(/"")+"/")"
} </script>
</p>
<p><strong>javascrpt源代码转换html代码工具</strong></p>
<P><FONT size=2 class="style1">请将js源代码拷贝到下面表单中:</FONT> <BR>
<TEXTAREA id=oResul οndblclick='this.select();oResul.createTextRange().execCommand

("Copy")' title=双击复制 onpropertychange=rechange() rows=12 cols=99></TEXTAREA>
<BR>
<span class="style1">下面表单中是相应的HTML代码: </span><BR>
<TEXTAREA id=Re οndblclick='this.select();this.createTextRange().execCommand("Copy")'

title=双击复制 rows=12 cols=99></TEXTAREA>
<SCRIPT>
function rechange(){
Re.value=oResul.value.replace(/document.writeln/("/g,"").replace(/"/);/g,"").replace

("/g,"/"").replace('/g,"/'").replace(//g,"//").replace(//g,"//")
}
</SCRIPT>
</td>
</tr>
</table>
</BODY></HTML>