zoukankan      html  css  js  c++  java
  • ”运行代码”功能是如何实现的?

    在很多网站中,我们都可以看到有一个东西,只要我们把代码粘贴上去,点击运行按钮,就直接可以看到效果。

    而这个“运行代码”部分是如何实现的呢?

    <!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>
    </head>
    <body>
    <script type="text/javascript">
        function Preview(obj) {
            var Test = open('');
            Test.document.write(obj.value);
        }
    </script>
    <textarea id="content" style=" 570px; height: 244px" rows="15" cols="47">
    </textarea>
    <br /><button onclick="javascript:Preview(content)">运行代码</button>
    </body>
    
    </html>
  • 相关阅读:
    左右布局,中分线可以左右拖动
    ES6
    nodeclub route
    nodeclub models
    mybatis中sql语句查询操作
    mybatis开发dao的方式
    Mybatis框架入门
    Maven
    Android开发-ADT Bundle安装
    人类史一览
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/3580789.html
Copyright © 2011-2022 走看看