代码改变世界

Javascript 用本页面文本域中的HTML代码打开一个空白窗口来运行

2011-04-25 12:19  音乐让我说  阅读(1221)  评论(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>

谢谢浏览！