首页 > Web开发 > 详细

js实现代码类似w3School演示效果

时间:2016-09-08 23:08:46      阅读:340      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>

<head>
    <title>代码演示</title>
    <meta charset="utf-8">
</head>

<body>
    <!--简单的代码演示效果器  -->
    <textarea id="J_textarea"></textarea>
    <button id="submitVale">提交</button>
    <div id="J_iframewapper"></div>
    <script type="text/javascript">
    var Jbtn = document.getElementById(‘submitVale‘);
    var ifwapper = document.getElementById(‘J_iframewapper‘);
    var otextAr = document.getElementById(‘J_textarea‘);
    Jbtn.addEventListener(‘click‘, function() {
        var text = otextAr.value;
        var _iframe = document.createElement("iframe");
        _iframe.setAttribute(‘id‘, ‘iframer‘);
        ifwapper.innerHTML = ‘‘;
        ifwapper.appendChild(_iframe);

        var ifrw = (_iframe.contentWindow) ? _iframe.contentWindow : (_iframe.contentDocument.document) ? _iframe.contentDocument.document : _iframe.contentDocument;

        ifrw.document.open();
        ifrw.document.write(text);
        ifrw.document.close();
    }, false);
    </script>
</body>
</html>

 

js实现代码类似w3School演示效果

原文:http://www.cnblogs.com/superZz/p/5854696.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!