代码生成器 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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
jquery ajax abort()的使用方法
Oct 28 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
Dec 12 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
js模拟百度模糊搜索的实例
Aug 04 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
使用refresh_token实现无感刷新页面
Apr 26 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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
快速开发一个PHP扩展图文教程
2008/12/12 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
YII中assets的使用示例
2014/07/31 PHP
PHP实现单条sql执行多个数据的insert语句方法
2019/10/11 PHP
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
深入理解vue中的$set
2017/06/01 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
在Python中关于中文编码问题的处理建议
2015/04/08 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
简单了解Python生成器是什么
2019/07/02 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
办公室前台岗位职责范本
2013/12/10 职场文书
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
应届大学生自荐书
2014/06/17 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书