代码生成器 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 相关文章推荐
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
JavaScript执行顺序详细介绍
Dec 04 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
jquery实现select选择框内容左右移动代码分享
Nov 21 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
js仿百度音乐全选操作
Jan 13 Javascript
基于vue的换肤功能的示例代码
Oct 10 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
优化Vue中date format的性能详解
Jan 13 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
smarty实例教程
2006/11/19 PHP
Admin generator, filters and I18n
2011/10/06 PHP
php调用google接口生成二维码示例
2014/04/28 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
关于js中for in的缺陷浅析
2013/12/02 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
2020/05/10 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
python 调用c语言函数的方法
2017/09/29 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
python实现kmp算法的实例代码
2019/04/03 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
Yahoo-PHP面试题4
2012/05/05 面试题
大学生入党推荐书范文
2014/05/17 职场文书
党建工作经验交流材料
2014/05/25 职场文书
文明寝室标语
2014/06/13 职场文书
观看信仰心得体会
2014/09/04 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript