• 雪天寒冷 常州120一天多接到急救电话1118个 2018-07-18
  • 怀揣“警察梦” 盗贼专偷警用物品 2018-07-18
  • 创新人才教育研究会选举出第二届理事会理事 2018-07-18
  • 筽箌紈贰蟰贺礶羛甶Fantasia 2018-07-18
  • 三亚开通至保亭陵水3条城际旅游公交线路 20分钟发一班车 2018-07-18
  • 苹果AR新技术或让你生活大爆炸 这些公司已布局(股) 2018-07-18
  • 合众人寿阜阳中支因部分保单客户信息不真实被罚款10万元 2018-07-17
  • 顾客网购电视安装时发现屏裂 因已开箱无法正常退货 2018-07-17
  • 20多年未开口的央视女主播 在政协会上说了什么? 2018-07-17
  • 为什么只有韩国能生产大尺寸OLED?中国不行 2018-07-16
  • “高盐值”真面目 这些食品不咸也高盐 2018-07-16
  • 山西太原:出租车拟调价以应对网约车市场冲击 2018-07-15
  • 默勒镇多措并举全面打响生态环境保护攻坚战 2018-07-15
  • 去年广州专利申请量首破10万件 2018-07-15
  • 冬日浪漫礼遇 圣诞节游戏里“约“起来 2018-07-15
  • 运行代码预览代码,代码另存为,复制代码功能的实现

    栏目: 编程语言 发布于: 2014-05-06 10:09:38

    一些以展示html特效的网站经?;嵩诰咛逡趁婕右桓鲈诵写胝庋囊桓鲂Ч?,即特效代码在textarea文本框内,下面有一个运行代码按钮,点击运行按钮,就直接运行了textarea内的代码。下面和大家分享一个这样的案例,其实这个挺简单的。

    首先截图展示一下本示例的效果:

    下面这段代码示例同时实现了预览代码,代码另存为和复制代码两个功能,注意这里的代码另存为,复制代码仅支持IE浏览器。

    <html xmlns="http://www.rocksun.cn/javascript-function/38.html">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js实现运行代码的预览功能</title>
    </head>
    <body>
    <textarea id="codeContent" rows="9" cols="50">
    在这里输入要运行的代码
    </textarea>
    <br>
    <input type="button" onclick="runCode()" value="运行代码" />
    <input type="button" onclick="copyCode()" value="复制代码" />
    <input type="button" onclick="saveCode()" value="代码另存为" />
    <script language="javascript">
    var obj=document.getElementById('codeContent');
    function runCode(){
    	var code=obj.value;
    	var newWindow=window.open('','','');
    	newWindow.opener=null;
    	newWindow.document.write(code);
    	newWindow.document.close();
    }
    function saveCode(){
    	var code=obj.value;
    	var winname=window.open('','_blank','top=10000');
    	winname.document.open('text/html','replace');
    	winname.document.writeln(code);
    	winname.document.execCommand('saveas','','phpernote.html');
    	winname.close();
    }
    function copyCode(){
    	if(isIE()){
    		alert('代码已复制到剪贴板!');
    	}else{
    		alert('本页面复制功能仅支持IE浏览器!');
    		return false;
    	}
    	var rng=document.body.createTextRange();
    	rng.moveToElementText(obj);
    	rng.scrollIntoView();
    	rng.select();
    	rng.execCommand("Copy");
    	rng.collapse(false);
    }
    function isIE(){
    	var Sys={};
    	var ua=navigator.userAgent.toLowerCase();
    	var s;
    	(s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:false;
    	return Sys.ie;
    }
    </script>
    </body>
    </html>

    您可能感兴趣的文章

    • 禁止网页右键、复制、另存为、查看源文件等功能实现网页源代码?;?/li>
    • php提取身份证号码中的生日日期以及验证是否为未成年人的函数
    • 利用js禁止浏览器直接选择复制文章内容的办法
    • 由于其配置信息(注册表中的)不完整或已损坏,Windows 无法启动这个硬件设备。 (代码 19)解决办法
    • 越不愿意进行培训的公司员工流动率越高
    • PHP压缩html网页代码减小网络数据传输量,清除空格,制表符,注释标记
    • 程序员和测试员之间的经典对白。这些是国外程序员总结分享的,称其上全球通用?
    • jquery 实现全选,反选,全不选等功能
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:运行代码预览代码,代码另存为,复制代码功能的实现
    IT技术书籍推荐:
    PHP编程(第3版)
    PHP编程(第3版)
    凯文·塔特罗 (Kevin Tatroe) (作者), 彼得·麦金太尔 (Peter MacIntyre) (作者), 拉斯马斯·勒多夫 (Rasmus Lerdorf) (作者), 赵戈戈 (译者), 易国磐 (译者), 张鹏飞 (译者)
    这是一本可以让读者深入了解PHP 技术的书籍,作者用言简意赅的语言并结合了大量实例来解释每一个要素。本书涵盖了PHP 所有基本的要点,不管你是一个想从头开始学习PHP的人,还是对PHP 已经有了基础想继续深入的人,这本书都很合适。