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演示效果相关推荐

Python3+pygame实现的90坦克大战代码完整有演示效果
我是一个典型的80后,年轻时玩过了特别多的游戏,所以这几天用Python3+pygame实现了一个另外小游戏"坦克大战"(其他的游戏,请翻阅我的博客) 本实例代码量有些多,完整的版 ...
php 代码坦克,Python3+pygame实现的90坦克大战代码完整有演示效果
我是一个典型的80后,年轻时玩过了特别多的游戏,所以这几天用Python3+pygame实现了一个另外小游戏"坦克大战"(其他的游戏,请翻阅我的博客) 本实例代码量有些多,完整的版 ...
Python3 + pygame实现的90坦克大战代码完整有演示效果
我是一个典型的80后,年轻时玩过了特别多的游戏,所以这几天用Python3 + pygame实现了一个另外小游戏"坦克大战"(其他的游戏,请翻阅我的博客) 本实例代码量有些多,完整 ...
淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码! 在线演示:http://mj.588cy.com/jquery/22.html <!DOCTY ...
HTML模仿QQ好友列表,JS+CSS实现类似QQ好友及黑名单效果的树型菜单
本文实例讲述了JS+CSS实现类似QQ好友及黑名单效果的树型菜单.分享给大家供大家参考.具体如下: 今天介绍的这个菜单堪称极品啊,不过里面的有些图标丢失了,路径还留在那,真想使用的朋友自己制作两个折叠 ...
html玫瑰花效果代码,html5渲染3D玫瑰花情人节礼物js特效代码
情人节马上就要到来了,这里给程序员前端设计师们献上一个,html5渲染而成的3D玫瑰花js效果,可以作为虚拟的情人节礼物送给自己的爱人.支持html5的浏览器查看. 查看演示下载资源: 16 次下 ...
js锁定表头和列，实现类似execl锁定效果
js锁定表头和列,实现类似execl锁定效果,项目实现后效果如下: js代码 <script type="text/javascript"> function FixT ...
html类似ppt的效果,类似PPT演示稿效果的JavaScript幻灯片插件
bespoke-fx是一款类似PPT演示稿效果的JavaScript幻灯片插件.该幻灯片可以使用键盘的左右方向键来前后切换,它内置了23种CSS3动画过渡效果,非常实用. 安装可以通过 npm 或 ...
php 代码延迟执行,php和js编程中的延迟执行效果的代码
php和js编程中的延迟执行效果的代码 php sleep(10); usleep(10); js里的 setInterval("方法", 100); PHP sleep() 函数 ...

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

js实现代码类似w3School演示效果相关推荐

最新文章

热门文章