运行代码功能尝试

首先定义个文本域并且给个ID

然后定义个按钮

最后当然是要写函数了,代码如下：

function runCode(id){
  var obj=document.getElementById(id);
  var win = window.open('', "_blank", '');
  win.document.open('text/html', 'replace');
  win.opener = null;
  win.document.write(obj.value);
  win.document.close();
}

例子:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三列等高</title>
<style>
  div{ width:200px; float:left; margin:0 10px;}
  #div1{ background:#F0F;}
  #div2{ background:#00F;}
  #div3{ background:#FF0;}
</style>
<script type="text/javascript">
window.onload=function(){
	var d1=document.getElementById("div1");
	var d2=document.getElementById("div2");
	var d3=document.getElementById("div3");
	var h1=d1.offsetHeight;
	var h2=d2.offsetHeight;
	var h3=d3.offsetHeight;
	var maxH=Math.max(h1,h2,h3);
	//var minH=Math.min(h1,h2,h3);
	d1.style.height=d2.style.height=d3.style.height=maxH+"px";
};
</script>
</head>
<body>
<div id="div1">
<br />
<br />
我是最小的
<br />
<br /></div><div id="div2"><br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="div3">
<br />
<br />
<br />
<br />
<br />
我是最大的 他们都取我的值
<br />
<br />
<br />
<br />
<br />
</div>
</body>
</html>

posted on 2011-08-14 00:48 lbsgood 阅读(205) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

@Asan-走走停停

导航

公告

运行代码功能尝试