把HTML代码转换成&#106avascript代码,使用非常方便

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>

<!--# 特效来源:http://www.webjx.com/js -->

<!-- 第一步:把如下代码加入<body>区域中 -->

<!-- 第一步:把如下代码加入<body>区域中 -->

<script language=JavaScript>

<!--

var i=0;

var ie=(document.all)?1:0;

var ns=(document.layers)?1:0;

function initStyleElements() /* Styles for Buttons Init */

{

var c = document.pad;

if (ie)

{

//c.text.style.backgroundColor="#DDDDDD";

c.compileIt.style.backgroundColor="#C0C0A8";

c.compileIt.style.cursor="hand";

c.select.style.backgroundColor="#C0C0A8";

c.select.style.cursor="hand";

c.view.style.backgroundColor="#C0C0A8";

c.view.style.cursor="hand";

c.retur.style.backgroundColor="#C0C0A8";

c.retur.style.cursor="hand";

c.clear.style.backgroundColor="#C0C0A8";

c.clear.style.cursor="hand";

}

else return;

}

/* Buttons Enlightment of "Compilation" panel */

function LightOn(what)

{

if (ie) what.style.backgroundColor = '#E0E0D0';

else return;

}

function FocusOn(what)

{

if (ie) what.style.backgroundColor = '#EBEBEB';

else return;

}

function LightOut(what)

{

if (ie) what.style.backgroundColor = '#C0C0A8';

else return;

}

function FocusOff(what)

{

if (ie) what.style.backgroundColor = '#DDDDDD';

else return;

}

/* Buttons Enlightment of "Compilation" panel */

function generate() /* Generation of "Compilation" */

{

code = document.pad.text.value;

if (code)

{

document.pad.text.value='正在转换...请稍等!';

setTimeout("compile()",1000);

}

else alert('请先输入一些字符')

}

function compile() /* The "Compilation" */

{

document.pad.text.value='';

compilation=escape(code);

document.pad.text.value="<script>\n<!--\ndocument.write(unescape(\""+compilation+"\"));\n//-->\n<\/script>";

i++;

if (i=1) alert("转换完成!");

else alert("Page compiled "+i+" times!");

}

function selectCode() /* Selecting "Compilation" for Copying */

{

if(document.pad.text.value.length>0)

{

document.pad.text.focus();

document.pad.text.select();

}

else alert('什么也没输入!')

}

function preview() /* Preview for the "Compilation" */

{

if(document.pad.text.value.length>0)

{

pr=window.open("","Preview","scrollbars=1,menubar=1,status=1,width=700,height=320,left=50,top=110");

pr.document.write(document.pad.text.value);

}

else alert('什么也没输入!')

}

function uncompile() /* Decompiling a "Compilation" */

{

if (document.pad.text.value.length>0)

{

source=unescape(document.pad.text.value);

document.pad.text.value=""+source+"";

}

else alert('请先输入一些字符!')

}

// -->

</script>

<form method=post name=pad align=center>

<textarea rows=11 name=text cols=58 style="background-color:#EBEBEB;width:95%"></textarea><br>

<input type=button value=转换 name=compileIt onClick=generate() onMouseOver=LightOn(this) onMouseOut=LightOut(this)>

<input type=button value=选择 name=select onClick=selectCode() onMouseOver=LightOn(this) onMouseOut=LightOut(this)>

<input type=button value=显示 name=view onClick=preview() onMouseOver=LightOn(this) onMouseOut=LightOut(this)>

<input type=reset value=清除 name=clear onMouseOver=LightOn(this) onMouseOut=LightOut(this)>

</form>

<!-- 第二步:把如下代码加入<body>区域中 -->

<body bgcolor="#ffffff" onload=initStyleElements()>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航