代码生成器 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闭包 推荐
Mar 01 Javascript
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
jQuery实现验证码功能
Mar 17 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 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 fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
js 表单验证方法(实用)
2009/04/28 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
Python中将字典转换为列表的方法
2016/09/21 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
python链表类中获取元素实例方法
2021/02/23 Python
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
自我评价个人范文
2013/12/16 职场文书
学生会离职感言
2014/02/11 职场文书
王老吉广告词
2014/03/20 职场文书
企业负责人任命书
2014/06/05 职场文书
普通话演讲稿
2014/09/03 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
企业法律事务工作总结
2015/08/11 职场文书
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS