代码生成器 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 tab标签页的制作
May 10 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
通过复制Table生成word和excel的javascript代码
Jan 20 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
Dec 08 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
Dec 13 Javascript
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 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
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP实现对图片的反色处理功能【测试可用】
2018/02/01 PHP
javascript面向对象之Javascript 继承
2010/05/04 Javascript
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python httplib模块使用实例
2015/04/11 Python
微信 用脚本查看是否被微信好友删除
2016/10/28 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
试述DBMS的主要功能
2016/11/13 面试题
大专生自荐信
2013/10/04 职场文书
挂职思想汇报
2013/12/31 职场文书
审计班子对照检查材料
2014/08/27 职场文书
医院领导班子查摆问题对照检查材料思想汇报
2014/10/08 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
政审证明材料
2015/06/19 职场文书
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis
浅谈Python数学建模之整数规划
2021/06/23 Python
Docker部署Mysql8的实现步骤
2022/07/07 Servers