zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    第八章 多线程编程
    Linked List Cycle II
    Swap Nodes in Pairs
    Container With Most Water
    Best Time to Buy and Sell Stock III
    Best Time to Buy and Sell Stock II
    Linked List Cycle
    4Sum
    3Sum
    Integer to Roman
  • 原文地址:https://www.cnblogs.com/cancer_xu/p/1628757.html
Copyright © 2011-2022 走看看