繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 代码生成器 document.write()
- Javascript
- 用jQuery解决IE不支持的option disable属性
- jQuery 源代码显示控件 (Ajax加载方式).
- JS backgroundImage控制
- jQuery 性能优化指南 （1）
- jQuery 性能优化指南（2）
- jQuery 性能优化指南（3）
- input+select(multiple) 实现下拉框输入值
- javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]
- jQuery 图像裁剪插件Jcrop的简单使用
- 让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
- jquery(1.3.2) 斑马线效果代码
- JQuery Jcrop 实现图片裁剪的插件
- jquery img src 获取实现代码
- javascript 历史记录 经常用于产品最近历史浏览
- jquery tabs的实现代码
- jQuery 剧场版 你必须知道的javascript
- JavaScript 闭包深入理解(closure)
- js 图片缩放（按比例）控制代码
- 广告切换效果(缓动切换)
- javascript 用局部变量来代替全局变量
Javascript 中的 代码生成器 document.write()
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 322 ::
收藏到网摘: 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>
评论 (0) All
