Javascript 用本页面文本域中的HTML代码打开一个空白窗口来运行
2011-04-25 12:19 音乐让我说 阅读(1201) 评论(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> <title>打开一个空白页面</title> <!--PageBeginHtml Block Begin--> <script type="text/javascript"> function runCode(id) { var obj = document.getElementById(id); if(obj == null || obj.value == null || obj.value == "") { return; } var TestWin = window.open(''); //打开一个窗口并赋给变量TestWin。 TestWin.opener = null; // 防止代码对论谈页面修改 TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 TestWin.document.close(); } </script> <!--PageBeginHtml Block End--> </head> <body> <div style="margin:0px auto;"> <textarea id="txtCode" cols="" rows="" title="请填写一些HTML代码" style="width:800px; height:400px;"> <!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> <title>打开一个空白页面</title> <script type="text/javascript"> function show() { alert("Hello World"); } </script> </head> <body> <div id="Div1"> <input type="button" value="点击我看看" onclick="show();" /> </div> </body> </html> </textarea> </div> <div id="header"> <input type="button" value="运行" onclick="runCode('txtCode');" /> </div> </body> </html>
谢谢浏览!
作者:音乐让我说(音乐让我说 - 博客园)
出处:http://music.cnblogs.com/
文章版权归本人所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。