JavaScript和DHtml的互相转化 -- 清钟沁桐-- 编程爱好者博客

<body>

<style>
body{font-size:9pt}
textarea {color="#707888";font-family:"verdana"}
.inputs {color="#707888";border:1px solid;background:#f4f4f4}
</style>
在这里输入你需要转换的格式，可以是JavaScript也可以是DHtml.
<br>
<textarea id="codes" style="width:730;height:300">
</textarea>
<br>
<button onclick="clears()" class="inputs">
清除输出
</button>
<button onclick="ta()" class="inputs">
全选代码
</button>
<button onclick="tc()" class="inputs">
拷贝代码
</button>
<button onclick="tp()" class="inputs">
粘贴代码
</button>
<button onclick="js2html()" class="inputs">
Js转Html
</button>
<button onclick="html2js()" class="inputs">
Html转Js
</button>
<button onclick="writes()" class="inputs">
点击显示源文件
</button>
<button onclick="seeHtm()" class="inputs">
预览代码[F12]
</button>
<br>
这个是输出格式的窗口:
<br>
<textarea id="outputs" style="width:730;height:300"></textarea>
<br>
一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的
<br>
作者:FlashSoft2000 QQ:14433548
<input id="hide" style='display:none'>
<script>
//定义title
document.title="多功能网页转换"
//显示网页源文件
function writes()
{
outputs.value=document.body.outerHTML;
}
//清除输出窗口
function clears()
{
outputs.innerHTML='';
}
//替换特定字符
//n1字符串,n2要替换的字,n3替换的字
function commute(n1,n2,n3)
{
var a1,a2,a3=0,a0=''
a1=n1.length;
a2=n2.length;
for(x=0;x<=(a1-a2);x++)
{
if(n1.substr(x,a2)==n2)
{
a0+=n1.substring(a3,x);
a0+=n3;
x+=(a2-1);
a3=x+1;
}
}
if(a3<a1)a0+=n1.substring(a3,a1)
{
return a0;
}
}
//转换JavaScript为DHtml
function js2html()
{
hide.value=codes.value
hide.value=commute(hide.value,'\\"','"');
hide.value=commute(hide.value,'document.write("','');
hide.value=commute(hide.value,'")','');
hide.value=commute(hide.value,'<script>','');
hide.value=commute(hide.value,'<\/script>','');
outputs.value=hide.value
}
//转换DHtml为JavaScript
function html2js()
{
hide.value=codes.value
hide.value=commute(hide.value,'"','\\"');
hide.value=commute(hide.value,'\\','\\\\');
hide.value=commute(hide.value,'<\/script>','<\\/script>');
outputs.value="<script>document.write(\""+hide.value+"\")<\/script>"
}
//预览代码
function seeHtm()
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
//用快捷键F12预览
document.onkeydown=seeHtms
function seeHtms()
{
if((event.keyCode==123))
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
}
//全选代码
function ta()
{
outputs.select()
}
//拷贝代码
function tc()
{
document.execCommand("Copy")
}
//粘贴代码
function tp()
{
outputs.focus()
document.execCommand("Paste")
}
</script>

博客介绍

正文

JavaScript和DHtml的互相转化2006-05-25 22:31:00

评论