posts - 104,  comments - 34,  trackbacks - 0

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>textarea</title>
<script type="text/javascript">
 function runCode(obj) {
  var winname = window.open('', "_blank", '');
  winname.document.open('text/html', 'replace');
  //winname.opener = null // 防止代码对原页面修改
  winname.document.write(obj.value);
  winname.document.close();
 }
 function saveCode(obj) {
  var winname = window.open('', '_blank', 'top=10000');
  winname.document.open('text/html', 'replace');
  winname.document.writeln(obj.value);
  winname.document.execCommand('saveas','','code.htm');
  winname.close();
 }
 function copyCode(obj) {
  var rng = document.body.createTextRange();
  rng.moveToElementText(obj);
  rng.scrollIntoView();
  rng.select();
  rng.execCommand("Copy");
  rng.collapse(false);
 }
</script>
</head>

<body>
<textarea id="code" rows="10" cols="95">
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试文档</title>
</head>
<body>测试文档
</body>
</html>
</textarea><br>
<input type="button" value="运行代码" onclick="runCode(code)">&nbsp;
<input type="button" value="复制代码" onclick="copyCode(code)">&nbsp;
<input type="button" value="另存代码" onclick="saveCode(code)">&nbsp;
提示:您可以先修改部分代码再运行<br />
</body>
</html>

posted on 2007-12-11 14:01 末日风情 阅读(609) 评论(1)  编辑  收藏 所属分类: HTML/XMLjavascript

FeedBack:
# re: textarea实现运行代码功能
2008-08-26 01:36 | 1132
谢了。很有用。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 
<2007年12月>
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345

常用链接

留言簿(4)

随笔分类

随笔档案

搜索

  •  

最新评论

阅读排行榜

评论排行榜