代码生成器 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火狐的回车事件(js与jquery)
Oct 20 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
JS模板实现方法
Apr 03 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
React组件生命周期详解
Jul 03 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
详解Vue项目中实现锚点定位
Apr 24 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
如何设置mysql允许外网访问
2013/06/04 PHP
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
php的一个简单加密解密代码
2014/01/14 PHP
CodeIgniter框架中_remap()使用方法2例
2014/03/10 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
javascript cookies操作集合
2010/04/12 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
Webpack按需加载打包chunk命名的方法
2019/09/22 Javascript
Python实现把回车符\r\n转换成\n
2015/04/23 Python
python调用自定义函数的实例操作
2019/06/26 Python
python实现的汉诺塔算法示例
2019/10/23 Python
Django视图扩展类知识点详解
2019/10/25 Python
django框架auth模块用法实例详解
2019/12/10 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
我爱我的祖国演讲稿
2014/05/04 职场文书
低碳环保演讲稿
2014/08/28 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android