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

最新推荐文章于 2024-05-06 21:51:47 发布

weixin_30505043

最新推荐文章于 2024-05-06 21:51:47 发布

阅读量399

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/Music/archive/2011/04/25/javascript-open-textarea-html-code-to-a-new-window.html

版权

代码：

<!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="点击我看看" οnclick="show();" />
</div>
</body>
</html>






</textarea>
</div>
<div id="header">
    <input type="button" value="运行" οnclick="runCode('txtCode');" />
</div>
</body>
</html>

谢谢浏览！

转载于:https://www.cnblogs.com/Music/archive/2011/04/25/javascript-open-textarea-html-code-to-a-new-window.html