JavaScript学习---在网页中实现运行代码的功能

效果图:
  1. <html>    
  2.  <head>    
  3.  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">    
  4.  <title>网页中运行代码的实现方法</title>    
  5.  <script type="text/javascript" language="javascript" >   
  6.  //运行文本域代码    
  7.  function Preview(obj) {    
  8.  var TestWin=window.open('','',''); //打开一个窗口并赋给变量TestWin。    
  9.  TestWin.opener = null // 防止代码对论谈页面修改    
  10.  TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。    
  11.  TestWin.document.close();    
  12.  }    
  13.  //复制文本域代码    
  14.  function copyCode(obj) {    
  15.  var rng = document.body.createTextRange();    
  16. rng.moveToElementText(obj);    
  17. rng.scrollIntoView();    
  18. rng.select();    
  19. rng.execCommand("Copy");    
  20. rng.collapse(false);    
  21.  }    
  22.  //另存文本域代码    
  23.  function saveCode(obj) {    
  24.  var winname = window.open('', '_blank', 'top=10000');    
  25. winname.document.open('text/html', 'replace');    
  26. winname.document.writeln(obj.value);    
  27. winname.document.execCommand('saveas','','启步网,网络、IT.htm');    
  28. winname.close();    
  29.  }    
  30.  //收藏本页代码    
  31.  function addBookmark(title,url) {    
  32.  if (window.sidebar) {    
  33. window.sidebar.addPanel(title, url,"");    
  34.  } else if( document.all ) {    
  35. window.external.AddFavorite(url,title);    
  36.  } else if( window.opera && window.print ) {    
  37.  return true;    
  38.  }    
  39.  }    
  40.  </script>   
  41.  </head>    
  42.  <BODY leftMargin=0 marginwidth="0" >    
  43.  <TEXTAREA id=code1 style="WIDTH: 560px; HEIGHT: 200px">    
  44. 这里是你想运行的代码区域    
  45.  </TEXTAREA>    
  46.  <BR><BUTTON onclick=Preview(code1)>运行代码</BUTTON><BUTTON 
  47.  onclick=copyCode(code1)>复制代码</BUTTON><BUTTON 
  48.  onclick=saveCode(code1)>另存代码</BUTTON><BUTTON 
  49.  onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>    
  50.  </body>    
  51.  </html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值