夏日博客

A-A+

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

2016年10月16日 前端设计 暂无评论 阅读 7 views 次

本文章来给大家详细介绍关于在js实现运行、全选、复制、保存代码程序效果代码，我们会在很多js特效网站看到直接可以在页面中运行js代码了，下面我介绍的这些代码也就可以完全实现哦，有需要的朋友可参考。

html代码如下:

  1. <textarea name="content" id="content">  
  2. 这里放你要运行js,html代码  
  3. </textarea>  
  4. <input type="button" name="Submit" value="运行代码" onclick="runCode('content')"/>  
  5. <input type="button" name="Submit3" value="全选代码" onclick="$('content').select();" />  
  6. <input type="button" name="Submit4" value="复制代码" onclick="oCopy('content')" />  
  7. <input type="button" name="Submit2" value="保存代码" onclick="saveCode('content')" />  

js代码如下:

  1. <script>  
  2. var lang = new Array();  
  3. var userAgent = navigator.userAgent.toLowerCase();  
  4. var is_opera = userAgent.indexOf('opera') != -1 && opera.version();  
  5. var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);  
  6. var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);  
  7. Array.prototype.push = function(value) {  
  8.  this[this.length] = value;  
  9.  return this.length;  
  10. }  
  11. function $(objname){return document.getElementById(objname);}  
  12. function runCode(objname) {  
  13.         var winname = window.open('', "_blank", '');  
  14.  var obj = $(objname);  
  15.         winname.document.open('text/html', 'replace');  
  16.  winname.opener = null // 防止代码对论谈页面修改  
  17.         winname.document.write(obj.value);  
  18.         winname.document.close();  
  19. }  
  20. function saveCode(objname){  
  21.         var winname = window.open('', '_blank', 'top=10000');  
  22.         winname.document.open('text/html', 'replace');  
  23.  var obj = $(objname);  
  24.         winname.document.write(obj.value);  
  25.         winname.document.execCommand('saveas','','code.htm');  
  26.         winname.close();  
  27. }  
  28. function oCopy(objname){  
  29.        var obj = $(objname);  
  30.        obj.select();  
  31.        js=obj.createTextRange();  
  32.        js.execCommand("Copy");  
  33.        alert("www.xiariboke.net提示：代码已经被成功复制！");  
  34. }  
  35. </script>  
标签：

给我留言