• 【2018夏季达沃斯】未来就业报告发布:机器将比人更“能干” 哪些职位更“吃香”? 2018-09-19
  • 西安市民:本想买点香菜吃火锅?比较后还是买了些肉 2018-09-19
  • 安吉发布乡村治理标准规范 2018-09-19
  • 华北能源监管局开展电网运行风险管控专项督查 2018-09-18
  • 马来西亚新山依斯干达特区吸资2531亿马币 ——凤凰网房产马来西亚 2018-09-18
  • 繁星戏剧挑战浸没式独角戏 2018-09-18
  • 领导干部自然资源资产离任审计制度试点 让福建省光泽县绿意盎然(图)-地方新闻-时政频道-中工网 2018-09-08
  • 人民日报评留美生数落父母:为亲情拓对话空间 2018-09-07
  • 网友给四川省委书记、省长留言获回复 共计25条 2018-09-07
  • 娱乐城新优惠 2018-09-06
  • 无人售货架现身出租车内 乘客扫码付款随时取走零食 2018-09-06
  • 江西公布拖欠劳动报酬典型案例 最高拖欠近200万元 2018-09-06
  • 做学习宣传贯彻人民领袖思想的排头兵 2018-09-06
  • 华夏幸福荣获2018中国品牌先锋大奖之杰出企业奖 2018-09-05
  • 10大路口因礼让斑马线致堵 济南交警推新规约束行人 ——凤凰网房产济南 2018-09-05
  • 运行代码预览代码,代码另存为,复制代码功能的实现

    栏目: 编程语言 发布于: 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 已经有了基础想继续深入的人,这本书都很合适。