代码生成器 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 相关文章推荐
js 中的switch表达式使用示例
Jun 03 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
js密码强度实时检测代码
Mar 02 Javascript
javascript 中的继承实例详解
May 05 Javascript
AngularJS封装$http.post()实例详解
May 06 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 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开启gzip页面压缩实例代码
2010/03/11 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
基于php双引号中访问数组元素报错的解决方法
2018/02/01 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
document.compatMode介绍
2009/05/21 Javascript
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
Bootstrap table的使用方法
2016/11/02 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
Python入门教程之运算符与控制流
2016/08/17 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Python字典,函数,全局变量代码解析
2017/12/18 Python
python使用turtle绘制分形树
2018/06/22 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
经典c++面试题二
2015/08/14 面试题
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
2016/04/28 面试题
入党积极分子思想汇报范文
2014/01/05 职场文书
学习交流会主持词
2014/04/01 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
基层工作经验证明样本
2014/11/16 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL