码迷,mamicode.com
首页 > Web开发 > 详细

JS实现简单的运行代码 & 侧边广告

时间:2014-07-23 11:59:26      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   os   

 

/* JS实现简单的运行代码功能 */
<!
doctype html> <html> <head> <meta charset="utf-8" /> <script> window.onload = function() { var oTxt = document.getElementById(codeText); var oBtn = document.getElementById(btn); oBtn.onclick = function() { var oNewWin = window.open(about:blank, _blank); //在新窗口中打开空白页(BOM) oNewWin.document.write(oTxt.value); //在空白页中写入输入框的值 } } </script> </head> <body> <textarea id="codeText" rows="10" cols="40"></textarea><br /> <input id="btn" type="button" value="运行" /> <!-- FF下只能关闭open打开的窗口 --> </body> </html>

@黑眼诗人

/* 侧边底部广告 */
<!
doctype html> <html> <head> <meta charset="utf-8" /> <style> #div1 { width:200px; height:150px; background:red; position:absolute; right:0; bottom:0; } body {height:2000px;} </style> <script> window.onscroll = window.onresize = function() { //可视区尺寸 var clientW = document.documentElement.clientWidth; var clientH = document.documentElement.clientHeight; //滚动距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // IE,FF || chrome //alert(scrollTop); oDiv = document.getElementById(div1); oDiv.style.top = clientH - oDiv.offsetHeight + scrollTop + px;//document.navigater.userAgent判断浏览器类型,IE6使用fixed定位 } </script> </head> <body> <div id="div1"></div> </body> </html>

JS实现简单的运行代码 & 侧边广告,布布扣,bubuko.com

JS实现简单的运行代码 & 侧边广告

标签:style   blog   http   color   使用   os   

原文地址:http://www.cnblogs.com/farwish/p/3861904.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!