当前位置: 首页 > news >正文

运行代码,复制代码,保存代码

html代码:

 

<script src="ViewCode.js" type="text/javascript"></script>

<textarea id="runcode0" style="width: 600px; height: 260px;"><a href="#" onfocus="this.blur()">去掉点击链接时出现的虚线</a></textarea>

<br>

<input value="运行代码" id="0" onclick="runCode(this.id)" type="button">

&nbsp;

<input value="复制代码" id="0" onclick="doCopy(this.id)" type="button">

&nbsp;

<input value="保存代码" id="0" onclick="saveCode('runcode0','网页效果')" type="button">

 

ViewCode.js:

 

//获取对象

function $(id)

{

   if(document.getElementById)

   {

      return document.getElementById(id); 

   }

   else if(document.all)

   {

      return document.all[id];

   }

   else if(document.layers)

   {

      return document.layers[id];

   }

   else

   {

      return null;  

   }

}

//运行框操作

function createID(DivID)

{

   var objs=$(DivID).getElementsByTagName('textarea');

   var inps=$(DivID).getElementsByTagName('input');

   var buts=$(DivID).getElementsByTagName('button');

   var labs=$(DivID).getElementsByTagName('label');

   for(var i=0;i<objs.length;i++)

   {

      objs[i].id="runcode"+i;

      inps[i].id=i;

      buts[i].id=i;

      labs[i].id=i;

   }

}

function runCode(obj)

{

   var code=$("runcode"+obj).value;

   var newwin=window.open('','','');

   newwin.opener=null;

   newwin.document.write(code);

   newwin.document.close();

}

//复制代码

function doCopy(obj)

{

  if(document.all)

  {

     textRange=$("runcode"+obj).createTextRange();

     textRange.execCommand("Copy");

     alert("代码已经复制到剪切板");

  }

  else

  {

     alert("此功能只能在IE上有效/n/n请在文本域中用Ctrl+A选择再复制")

  }

}

//另存代码

function saveCode(obj,title)

{

   var winname=window.open('','','width=0,height=0,top=200,left=200px');

   winname.document.open('text/html','replace');

   winname.document.write($(obj).value);

   winname.document.execCommand('saveas','',title+'.html');

   winname.close();

}

 

 

相关文章:

  • IE6 IE7 IE8 FF浏览器的CSS兼容问题(转)
  • ASP 编程中 20 个非常有用的例子
  • position 绝对定位的问题
  • phpmyadmin建表出错 #1064 - You have an error in your SQL syntax;
  • 一个女程序员的征婚信息
  • :“Failed to access IIS metabase”解决方法
  • 用户***/aspnet登陆失败
  • sql 2005拒绝了对对象 'xxx' (数据库 'xxx',架构 'dbo')的 SELECT 权限
  • 用min-height实现最小高度(兼容IE6、IE7、FF)
  • css 非表格垂直对齐效果代码
  • msxml6.dll (0x80072EFD) A connection with the server could not be established
  • 怎么查看80端口占用情况? 如何查看端口占用情况?
  • iis 出现HTTP 错误 403.1 禁止访问:禁止执行访问错误
  • 80后的我们拿什么养活自己和家人
  • 80后的成熟
  • .pyc 想到的一些问题
  • 【Leetcode】104. 二叉树的最大深度
  • 30秒的PHP代码片段(1)数组 - Array
  • 5分钟即可掌握的前端高效利器:JavaScript 策略模式
  • Akka系列(七):Actor持久化之Akka persistence
  • C++入门教程(10):for 语句
  • go语言学习初探(一)
  • Linux Process Manage
  • Making An Indicator With Pure CSS
  • Odoo domain写法及运用
  • PermissionScope Swift4 兼容问题
  • PHP 小技巧
  • python 装饰器(一)
  • React组件设计模式(一)
  • 第2章 网络文档
  • 第十八天-企业应用架构模式-基本模式
  • 分布式熔断降级平台aegis
  • 分享一份非常强势的Android面试题
  • 复杂数据处理
  • 诡异!React stopPropagation失灵
  • 力扣(LeetCode)21
  • 前端相关框架总和
  • 深度学习入门:10门免费线上课程推荐
  • 一个完整Java Web项目背后的密码
  • 以太坊客户端Geth命令参数详解
  • 鱼骨图 - 如何绘制?
  • gunicorn工作原理
  • zabbix3.2监控linux磁盘IO
  • 摩拜创始人胡玮炜也彻底离开了,共享单车行业还有未来吗? ...
  • ​ubuntu下安装kvm虚拟机
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • ()、[]、{}、(())、[[]]等各种括号的使用
  • (C++)八皇后问题
  • (C++17) std算法之执行策略 execution
  • (vue)页面文件上传获取:action地址
  • (二)linux使用docker容器运行mysql
  • (附源码)ssm基于jsp高校选课系统 毕业设计 291627
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (收藏)Git和Repo扫盲——如何取得Android源代码
  • (四)【Jmeter】 JMeter的界面布局与组件概述