当前位置:Web前端 > javascript> 正文

给页面加上运行代码功能

时间:2014-10-1类别:Web前端

给页面加上运行代码功能

给页面加上运行代码功能

其实现代码为:

  •  
  •  
  • HTML 代码   复制
  • 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    
    <scrpt> 
    
    function Preview(obj) 
    { 
      var code=obj.value; 
    if (code!=""){
        var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
        newwin.opener = null // 防止代码对论谈页面修改
        newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
        newwin.document.close();
      }
    
    } 
    function copyCode(obj) { 
        var rng = document.body.createTextRange(); 
        rng.moveToElementText(obj); 
        rng.scrollIntoView(); 
        rng.select(); 
        rng.execCommand("Copy"); 
        rng.collapse(false); 
    } 
    
    </script>
    
    <textarea id=code2 style="WIDTH: 570px; HEIGHT: 244px" rows=15 cols=47>&lt;hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/&gt;</textarea>
      <br><button onclick=Preview(code2)>运行代码</button >
      <button onclick=copyCode(code2)>复制代码</button >
    
    </html>
    
    		
  •  

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐