当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 代码生成器 document.write()

Javascript
实现表格中行点击时的渐扩效果!
多图展示滑动过渡效果
弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽。
拖动Html元素集合 Drag and Drop any item
脚本吧 - 幻宇工作室用到js,超强推荐base.js
使用透明叠加法美化文件上传界面
JavaScript高级程序设计
对象的类型:本地对象(1)
如何实现表格中行点击时的渐扩效果!
使用button标签,实现三态图片按钮
根据分辩率调用不同的CSS.
Web版彷 Visual Studio 2003 颜色选择器
JS中简单的实现像C#中using功能(有源码下载)
js之WEB开发调试利器:Firebug 下载
jQuery中文入门指南,翻译加实例,jQuery的起点教程
jQuery 1.0.4 - New Wave Javascript(js源文件)
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
换肤测试程序js脚本
xWin之JS版(2-26更新)
共享自己写一个框架DreamScript

Javascript 中的 代码生成器 document.write()


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 242 ::
收藏到网摘: n/a

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>代码转换器</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
MARGIN-TOP: 24px; BACKGROUND-COLOR: white
}
H1 {
FONT: 20px 黑体,宋体; COLOR: black; TEXT-ALIGN: center
}
H1 SPAN {
FONT: bold 16px Verdana,Arial,宋体
}
TD {
FONT: 14px 宋体; COLOR: black
}
TEXTAREA {
FONT: 14px 宋体; COLOR: black
}
INPUT {
FONT: 14px 宋体; COLOR: black
}
</STYLE>
<SCRIPT language=javascript>
function paste() //粘帖
{
source.value="";
source.focus();
document.execCommand("paste");
if(source.value=="")
alert("您的剪切板中似乎没有任何文本内容 ^_^");
}
function make() //转换
{
if(source.value=="")
{
alert("文本框中没有任何代码哦 :(");
source.focus();
return;
}
var code=source.value.replace(/^\s*/,"").replace(/\s*$/,"").split("\n");
result.value="";
var reop,rhop,stol,dnol;
rhop = (rhh[0].checked)?"'":'"';
reop = (rhh[0].checked)?/([\'\\])/g:/([\"\\])/g;
if(dww[0].checked)
{
stol = "document.writeln(";
dnol =")";
}
else
{
result.value+="var nin = "+rhop+"\\n"+rhop+";\n";
result.value+="var "+dname.value+" = "+rhop+rhop+";\n";
stol = dname.value+"+=";
dnol ="+nin";
}
for(var i=0; i<code.length; i++)
result.value+=stol+rhop+code[i].replace(/\s*$/,"").replace(reop,"\\$1")+rhop+dnol+";\n";
}
function copy() //复制
{
if(result.value=="")
{
alert("什么都没有,你要复制什么呢?");
return;
}
result.focus();
result.select();
document.execCommand("copy");
}
function automake() //剪切板内容自动转换
{
paste();
if(source.value=="")
return;
make();
copy();
alert("OK!剪切板中的内容已转换完成!\n可以直接粘帖到你的文件中了。");
}
</SCRIPT>
<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=750 align=center>
<TBODY>
<TR>
<TD>
<H1>代码转换器 <SPAN>HTML2JS beta 1.1</SPAN></H1>
<HR>
输出方式:<input type="radio" name="dww" value="0" checked>用document.writeln()
<input type="radio" name="dww" value="1">保存到<input type="text" size="15" name="dname" value="temp">变量中<br>
字符串定界符用:<input type="radio" name="rhh" value="0" checked>单引号(')
<input type="radio" name="rhh" value="1">双引号(")            <input onclick=automake(); type="button" value="剪切板内容自动转换"><p>
<INPUT onclick=paste(); type=button value=1.粘帖>(将要进行转换的代码粘帖到下面的文本框中)<br>
<TEXTAREA id=source style="WIDTH: 750px; HEIGHT: 180px" rows="1" cols="20"></TEXTAREA><BR><BR><INPUT onclick=make(); type=button value=2.转换>(点击换钮将完成从HTML代码到JS代码的转换)<br>
<TEXTAREA id=result style="WIDTH: 750px; HEIGHT: 180px" rows="1" cols="20"></TEXTAREA><BR><BR><INPUT onclick=copy(); type=button value=3.复制>(复制上面文本框中的代码粘帖到你的JS文件中)
</p>
<HR>
<BR>
<CENTER>IECN.net 版权所有 ©
2004 原作者:钟钟 修改者:海浪</CENTER></TD></TR></TBODY></TABLE></BODY></HTML>