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>
  • 相关阅读:
    如何启动SOLR特性: 按层面检索
    solr的范围查询 TO
    jetty
    solr高亮的使用
    SQL日期加一天
    SQL从第二条开始取记录
    写出昨天的日期
    SQL取前后一条数据
    项目组【网站】的项目
    获取input文本框中高亮显示的值
  • 原文地址:https://www.cnblogs.com/cancer_xu/p/1628757.html
Copyright © 2011-2022 走看看