js实现运行、全选、复制、保存代码程序

html代码

 代码如下 复制代码

<textarea name="content" id="content">
这里放你要运行js,html代码
</textarea>

<input type="button" name="Submit" value="运行代码" onclick="runCode('content')"/>
<input type="button" name="Submit3" value="全选代码" onclick="$('content').select();" />
<input type="button" name="Submit4" value="复制代码" onclick="oCopy('content')" />
<input type="button" name="Submit2" value="保存代码" onclick="saveCode('content')" />

js代码

 代码如下 复制代码

<script>
var lang = new Array();
var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

Array.prototype.push = function(value) {
 this[this.length] = value;
 return this.length;
}
function $(objname){return document.getElementById(objname);}
function runCode(objname) {
        var winname = window.open('', "_blank", '');
 var obj = $(objname);
        winname.document.open('text/html', 'replace');
 winname.opener = null // 防止代码对论谈页面修改
        winname.document.write(obj.value);
        winname.document.close();
}
function saveCode(objname){
        var winname = window.open('', '_blank', 'top=10000');
        winname.document.open('text/html', 'replace');
 var obj = $(objname);
        winname.document.write(obj.value);
        winname.document.execCommand('saveas','','code.htm');
        winname.close();
}

function oCopy(objname){
       var obj = $(objname);
       obj.select();
       js=obj.createTextRange();
       js.execCommand("Copy");
       alert("www.111cn.net提示:代码已经被成功复制!");
}

</script>

时间: 2024-10-25 10:45:02

js实现运行、全选、复制、保存代码程序的相关文章

基于JS实现checkbox全选功能实例代码_javascript技巧

需求:要求实现点击全选选中所有菜单,再次点击全选取消选中.此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> &l

js多兼容全选/反选代码

js多兼容全选/反选代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js多兼容全选/反选代码</title> <script language="javascript教程">  function Choose(sel, arg) //传递2个参数,分别是表名,选

新手求助,一段vb6的webbrowser的全选 复制 粘贴的代码 在2008 不能使用 求帮忙转译

问题描述 是用来将WebBrowser打开的页面全选复制粘贴到文本用的PrivateSubCommand1_Click()'全选WebBrowser1.SetFocusWebBrowser1.ExecWBOLECMDID_SELECTALL,OLECMDEXECOPT_DODEFAULT'复制WebBrowser1.SetFocusWebBrowser1.ExecWBOLECMDID_COPY,OLECMDEXECOPT_DODEFAULT'粘贴WebBrowser1.SetFocusWebBr

最简单的checkbox全选功能Jquery代码

记载一段最简单的全选功能Jquery代码.好东西要收藏,故在此留下印记,以供后人考证!  代码如下 复制代码 $(function(){  $("#chkAll").click(function(){   $("input:checkbox").attr("checked",$(this).attr("checked"));  }); }); 例 checkbox全选/反选  代码如下 复制代码 <html> &l

js实现checkbox全选、不选与反选的方法_javascript技巧

本文实例讲述了js实现checkbox全选.不选与反选的方法.分享给大家供大家参考.具体分析如下: 一.思路: 1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即实现全选 5. 把checkbox的checked设置为false即实现不选 6. 通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设

javascript 模仿form全选删除数据代码

javascript 模仿form全选删除数据代码 <form> <input name="box[]" type="checkbox" class="input_focus" value="<?=$_v[0]?>" />  <input name="box[]" type="checkbox" class="input_focus&q

JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据

以前做web,基本没用过啥JS,这短时间,公司里面接触到的JS蛮多的,他们叫我在DataGrid里面的CheckBox弄个"全选",要用JS来实现,来实现批量删除,这个功能,直接用C#是很好实现的,直接遍历就可以把选中的ID全部取出来.JS,那就只能用Html的CheckBox,这个不是服务器控件,C#后台代码是无法访问了,所以,再网上找了点资料,实现了. 首先,先定义一个DataGrid控件,先添加一个模板列,里面放一个Html的CheckBox,属性name=ChoessAll,(

html中的javascript 全选/取消全选操作示例代码

全选/取消全选在批量操作数据时经常会使用到,下文有个不错的示例使用js完成全选/取消全选操作,感兴趣的朋友可以参考下     复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="tex

Jquery 1.42 checkbox 全选和反选代码_jquery

Jquery代码 复制代码 代码如下: <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> function Checked(){ //定义函数checked $(".chk").each(function(){ //遍历html中class为ch