代码生成器 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 相关文章推荐
javascript监听鼠标滚轮事件浅析
Jun 05 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
Aug 01 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
使用Vue调取接口,并渲染数据的示例代码
Oct 28 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 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实现的微信红包算法分析(非官方)
2015/09/25 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
2017/07/25 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
js实现随机8位验证码
2020/07/24 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
比利时买床:Beter Bed
2017/12/06 全球购物
Omio英国:搜索并比较便宜的巴士、火车和飞机
2019/08/27 全球购物
护理专业优质毕业生自荐书
2014/01/31 职场文书
授权委托书怎么写
2014/09/25 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android