“运行代码”的文本域代码，html网页中插入的可点击“在线运行代码”中“运转代码”按钮来运转输出HTML代码特效。在网页中可直接输出HTML代码、CSS代码、js代码后点击运行代码按钮后在涉猎器新窗口阅读测试输出代码。在步调开荒、JS启示、CSS开发、网页出产类标题网、学习网中运用很是合用。网页殊效站点所需要的“运行代码”性能的文本框，将代码复制到此文本框中即可实今世码的运转，检查代码造诣十分方便，有一些文本编辑器，已将此坚守内置到个中，盼愿大家ＬＯＶＥ。

html在线运转代码截图

在线运转代码殊效的枢纽源代码：

1. <script language="JavaScript" type="text/JavaScript">
2. //运转文本域textarea代码 
3. function runEx(cod1) { 
4. cod=document.all(cod1) 
5. var codcode=cod.value; 
6. if (code!=""){ 
7. var newwin=window.open('','',''); //掀开一个窗口并赋给变量newwin。 
8. newwin.opener = null // 防范代码对论谈页面修改 
9. newwin.document.write(code); //向这个掀开的窗口中写入代码code，多么就实现了运行代码违拗。 
10. newwin.document.close(); 
11. } 
12. } 
13. </script>
14. <textarea name="textarea" cols="48" rows="12" id="rn01">
15. 参加要运转的代码,若是CSS代码别忘却使用style标签 
16. </textarea>
17. <br><INPUT onClick="runEx('rn01')" type="button" value="运行代码" style="cursor:hand">

在线运行代码运行后在涉猎器成绩截图：

在线运转代码在涉猎器中测试截图

在线运转代码的输入框输入的HTML+CSS代码：

1. <style>
2. .CSS5{ width:400px; color:#F00; height:100px;border:1px solid #000} 
3. </style>
4. <div class="CSS5">CSS5测试形式</div>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-texiao/texiao52363.shtml