作家
登录

一个用js实现控制台控件的代码

作者: 来源:www.28hudong.com 2013-03-30 03:17:59 阅读 我要评论

复制代码 代码如下:<body margin="0"> </body> <script> function Console(width,height,command) { var container=document.createElement("div"); this.container=container; container.runtimeStyle.width=(width); container.runtimeStyle.height=(height); container.runtimeStyle.margin="0px"; container.runtimeStyle.backgroundColor="black"; container.runtimeStyle.fontFamily="Terminal"; container.runtimeStyle.color="white"; container.runtimeStyle.fontSize="16px"; this.output=document.createElement("div"); container.appendChild(this.output); container.innerHTML+="js>" this.input=document.createElement("input"); container.appendChild(this.input); this.input.runtimeStyle.backgroundColor="black"; this.input.runtimeStyle.borderWidth="0px"; this.input.runtimeStyle.color="white"; this.input.runtimeStyle.fontFamily="Terminal"; this.input.runtimeStyle.width="90%" this.input.runtimeStyle.fontSize="16px" this.input.runtimeStyle.position="relative"; this.input.runtimeStyle.top="2px"; command=command||function(str) { var e; try{ var r=eval(str); } catch(e) { return "Bad command"; } return r; } this.input.command=function() { this.parentNode.childNodes[0].innerHTML+=this.value+'<br/>' this.parentNode.childNodes[0].innerHTML+=(command(this.value)+"<br/>") } this.input.onkeyup=new Function("e","e=e||event;if(e.keyCode!=13)return;this.command();this.value='';"); this.appendto=function(parent) { parent.appendChild(this.container); } container=null; } //var db=new DrawingBoard(100,100) //db.drawLine([5,5],[36,44],"red") //document.body.appendChild(db.container); var c=new Console("100%","100%"); c.appendto(document.body); </script>

  推荐阅读

  用javascript实现给出的盒子的序列是否可连为一矩型

by cpglkg <script>var arr=[5,10,15];function rect(arr,width){ arr.sort(function(a,b){return a-b;}); var len = arr.length; var temp = arr[0]; var w = null; var h = null; for(var i = 0; i>>>详细阅读


本文标题:一个用js实现控制台控件的代码

地址:http://www.17bianji.com/kaifa2/JS/30106.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)