当前位置:编程问答 > JS >

“运行代码”的文本域代码

问题:网页特效网站所需要的“运行代码”功能的文本框,将代码复制到此文本框中即可实现代码的运行,查看代码效果非常方便,有一些文本编辑器,已将此功能内置到其中,希望大家喜欢。
答案:<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>“运行代码”的文本域代码</title>
<script type="text/javascript">
window.onload=function(){
	var btn=document.getElementById("newpage");
	
	btn.onclick=function(){
		var html=document.getElementById("content").value;
		var newpage=window.open("about:blank");
		newpage.document.title="测试页面";
		newpage.document.write(html);
	};
};
</script>
</head>
<body>
	<textarea id="content" style="width:600px; height:150px;">
	

上一个:CSS滤镜给字体加阴影、模糊、透明的方法
下一个:CSS3实现shadow字体突起效果

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,