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

胯胯ooooooo

胯胯ooooooo

2016-02-19 09:04

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的一个用js实现控制台控件的代码,过去的都会过去,迎接崭新的开始,释放更美好的自己。
代码如下:

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
展开更多 50%)
分享

猜你喜欢

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

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

《辐射:新维加斯》控制台代码

电脑网络
《辐射:新维加斯》控制台代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

《辐射3》控制台-技能代码

电脑网络
《辐射3》控制台-技能代码

《辐射3》控制台-瞬移代码

电脑网络
《辐射3》控制台-瞬移代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用JS实现的一个include函数

Web开发
用JS实现的一个include函数

《上古卷轴5:天际》控制台代码

电脑网络
《上古卷轴5:天际》控制台代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何在WPS2003中清除图片移动空白的方法

如何在WPS2003中清除图片移动空白的方法

给Javascript数组插入一条记录的代码

给Javascript数组插入一条记录的代码
下拉加载更多内容 ↓