一个用js实现控制台控件的代码
一个用js实现控制台控件的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionConsole(width,height,command){varcontainer=document.c...

复制代码 代码如下:

<bodymargin="0">

</body>

<script>

functionConsole(width,height,command)

{

varcontainer=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)

{

vare;

try{

varr=eval(str);

}catch(e){

return"Badcommand";

}

returnr;

}

this.input.command=function()

{

this.parentNode.childNodes[0].innerHTML+=this.value+'<br/>'

this.parentNode.childNodes[0].innerHTML+=(command(this.value)+"<br/>")

}

this.input.onkeyup=newFunction("e","e=e||event;if(e.keyCode!=13)return;this.command();this.value='';");

this.appendto=function(parent)

{

parent.appendChild(this.container);

}

container=null;

}

//vardb=newDrawingBoard(100,100)

//db.drawLine([5,5],[36,44],"red")

//document.body.appendChild(db.container);

varc=newConsole("100%","100%");

c.appendto(document.body);

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类