• JS运行textarea内的HTML代码 [转]


    代码
    <script type="text/javascript">
    var currentpos,timer;
    function initialize()
    {
    timer
    =setInterval("scrollwindow()",16);
    }
    function sc(){
    clearInterval(timer);
    }
    function scrollwindow()
    {
    currentpos
    =document.body.scrollTop;
    window.scroll(
    0,++currentpos);
    if (currentpos != document.body.scrollTop)
    sc();
    }
    document.onmousedown
    =sc
    document.ondblclick
    =initialize

    function runCode() //定义一个运行代码的函数,
    {
    var code=event.srcElement.parentElement.children[0].value;//即要运行的代码。
    var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
    newwin.opener = null // 防止代码对论谈页面修改
    newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
    newwin.document.close();
    }
    </script>

    E.g:

    代码
    <html>
    <head>
    <title>HTM编辑器</title>
    <style>
    body,td
    {font-size:16px; color:#000000; font-family: Verdana,宋体; line-height:200%;}
    body
    { background-color: #FFFFFF; margin-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px;}
    form
    { margin:0px}
    .input
    {color: #212121; background-color: #F4F4F4; border: 1px #868686 double; font-family: Fixedsys; font-size: 12px; width: 760; height: 410;}
    .button
    {color: #737373; background-color: #F4F4F4; border: 1px #737373 double; font-size: 12px; font-weight:bold; letter-spacing:2px; line-height:120%;}
    </style>
    </head>
    <body>
    <textarea class="input">
    <html>
    <head>
    <title></title>
    </head>
    <body>
    </body>
    </html></textarea><br><input type="button" class="button" value="运行以上代码" onclick="runCode()">
    </body>
    </html>
  • 相关阅读:
    Eletron 打开文件夹,截图
    nodejs 与 json
    drupal sql 源码解析query.inc 文件
    The maximum column size is 767 bytes (Mysql)
    php 过滤emoji
    Mysql delete操作
    Mysql update 一个表中自己的数据
    form 表单排序
    jquery parents用法
    MYSQL数据库重点:流程控制语句
  • 原文地址:https://www.cnblogs.com/cancer_xu/p/1628757.html
Copyright © 2020-2023  润新知