代码生成器 document.write()


Posted in Javascript onApril 15, 2007

<!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>

Javascript 相关文章推荐
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
js实现自动锁屏功能
Jun 02 Javascript
JavaScript 中的replace方法说明
Apr 13 #Javascript
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 #Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 #Javascript
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 #Javascript
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 #Javascript
ie 处理 gif动画 的onload 事件的一个 bug
Apr 12 #Javascript
无语,javascript居然支持中文(unicode)编程!
Apr 12 #Javascript
You might like
Terran建筑一览
2020/03/14 星际争霸
PHP的变量总结 新手推荐
2011/04/18 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
跟我学Node.js(四)---Node.js的模块载入方式与机制
2014/06/04 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
NestJs 静态目录配置详解
2019/03/12 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
跟老齐学Python之Python安装
2014/09/12 Python
Python读取键盘输入的2种方法
2015/06/16 Python
解读Django框架中的低层次缓存API
2015/07/24 Python
微信 用脚本查看是否被微信好友删除
2016/10/28 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
Python求出0~100以内的所有素数
2018/01/23 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
Linux上比较文件的命令都有哪些
2013/09/28 面试题
社区消防工作实施方案
2014/03/21 职场文书
公司新年寄语
2014/04/04 职场文书
放飞理想演讲稿
2014/09/09 职场文书
赔偿协议书范本
2014/09/12 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
歌咏比赛主持词
2015/06/29 职场文书
一年级语文教学随笔
2015/08/14 职场文书
股东出资协议书
2016/03/21 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
Python爬虫之爬取某文库文档数据
2021/04/21 Python