代码生成器 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中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
May 30 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
JS 数组基本用法入门示例解析
Jan 16 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
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
微信支付开发告警通知实例
2016/07/12 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
Vue.set 全局操作简单示例
2019/09/19 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
Vuex的各个模块封装的实现
2020/06/05 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
python实现用户答题功能
2018/01/17 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
Django框架自定义session处理操作示例
2019/05/27 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
Python爬虫过程解析之多线程获取小米应用商店数据
2020/11/14 Python
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
幼儿教师个人求职信范文
2013/09/21 职场文书
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
干部行政关系介绍信
2014/01/17 职场文书
公司授权委托书范本
2014/09/18 职场文书
增值税发票丢失证明
2015/06/19 职场文书
实践论读书笔记
2015/06/29 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
只用Python就可以制作的简单词云
2021/06/07 Python