js实现代码类似w3School演示效果
生活随笔
收集整理的這篇文章主要介紹了
js实现代码类似w3School演示效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!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>
?
轉載于:https://www.cnblogs.com/superZz/p/5854696.html
總結
以上是生活随笔為你收集整理的js实现代码类似w3School演示效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在Windows的CMD中如何设置支持U
- 下一篇： 标签（表的单元素)