ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascriptスキルを使用してコンソール制御を実装するコード

js_javascriptスキルを使用してコンソール制御を実装するコード

WBOY
WBOYオリジナル
2016-05-16 19:09:07997ブラウズ
复制代 代码如下:




関数 コンソール(幅,高さ,コマンド)
{
var container=document.createElement("div");
this.container=コンテナ;

container.runtimeStyle.width=(width);
container.runtimeStyle.height=(高さ);
container.runtimeStyle.margin="0px";
container.runtimeStyle.backgroundColor="black";
container.runtimeStyle.fontFamily="ターミナル";
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="ターミナル";
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 「不正なコマンド」;
}
r を返します。

}

this.input.command=function()
{
this.parentNode.childNodes[0].innerHTML =this.value '
'
this.parentNode.childNodes[0].innerHTML =(command(this.value) "
")

}
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);


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。