给页面加上运行代码功能

更多时间：2014-10-1 类别：Web前端浏览量：1246

给页面加上运行代码功能

给页面加上运行代码功能

其实现代码为：

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>

标签：javascript

上一篇：浏览器内核有哪些

下一篇：html em标签

您可能感兴趣

给页面加上运行代码功能

给页面加上运行代码功能

热门推荐

排行榜