直接运行 html 代码（参考网络）

继续去踢波

于 2015-07-01 10:34:21 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/LOW584710047/article/details/46707469

JS 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的在线HTML代码运行工具。用户可以在文本框中输入HTML代码，点击按钮后，代码将在新窗口中运行。该工具适用于快速测试HTML片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上找的，实现直接运行 html 代码，觉得蛮好的，记录一下

<!DOCTYPE html>

<html>
	<head>
		<meta charset='utf-8'/>
		<title>直接运行 html 代码</title>
	</head>
	<body>
		<textarea style='width:300px;height:200px;' id='txtCode'></textarea><br/>
		<input type='button' value='直接运行' id='btnRun'/>
		<script>
			document.getElementById('btnRun').onclick = function(){
				var runHtml = document.getElementById('txtCode').value;
				if(runHtml){
					var win = window.open('', '运行窗口');
					win.document.open();
					win.document.write(runHtml);
					win.document.close();
				}
				else{
					alert('请输入!');
				}
			}
		</script>
	</body>
</html>