代码生成器 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 相关文章推荐
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jan 08 Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
js解决movebox移动问题
Mar 29 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
简单理解vue中Props属性
Oct 27 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
微信小程序开发探究
Dec 27 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 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
php中url函数介绍及使用示例
2014/02/13 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
php中rename函数用法分析
2014/11/15 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
2013/02/16 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
公众号SVG动画交互实战代码
2020/05/31 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
token 机制和实现方式
2020/12/15 Javascript
Python实现简单登录验证
2016/04/13 Python
django中send_mail功能实现详解
2018/02/06 Python
pycharm配置pyqt5-tools开发环境的方法步骤
2019/02/11 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
python爬取抖音视频的实例分析
2021/01/19 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
周年庆典邀请函范文
2014/01/23 职场文书
房务中心文员岗位职责
2014/04/16 职场文书
治超工作实施方案
2014/05/04 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
2014年教育工作总结
2014/11/26 职场文书
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers