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

2016-02-19 09:04 71 1 收藏

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

【 tulaoshi.com - Web开发 】

代码如下:

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

来源:https://www.tulaoshi.com/n/20160219/1589427.html

延伸阅读
《方舟 生存进化》222.0新增物品控制台代码一览 目前《方舟:生存进化》222.0版中新增部分新物品,下面带来玩家分享的222.0新增物品控制台代码一览,一起来看看吧。 物品控制台代码: 木盾牌 GiveItem "Blueprint'/Game/PrimalEarth/CoreBlueprints/Items/Armor/Shields/PrimalItemArmor_WoodShield.PrimalItemArmor_WoodS...
标签: 辐射4
《辐射4》控制台使用及常用代码指令一览 很多玩家对《辐射4》控制台及相关代码指令都不清楚,今天图老师图老师小编带来玩家分享的《辐射4》控制台使用及常用代码指令一览,一起来看吧。 控制台使用方法 按键盘上的~/`键就会打开命令输入,输入你想输入的内容再回车就会生效。 使用命令可以让你进入到开发者测试QA区域中,你可以看到...
标签: 辐射4
《辐射4》隐藏武器控制台代码图文分享 《辐射4》中普通武器大家都见的多了,今天图老师图老师小编带来玩家分享的《辐射4》隐藏武器控制台代码图文分享,一起来看吧。 隐藏武器控制台代码一览 空手一拳碎头你怕不怕。 注意:这几件武器在进入背包后无法用正常方式除去,请用前先存档。 第一件民兵的大炮。 有没有觉得很羡慕...
标签: Web开发
代码如下: script language="JavaScript" !-- var bsYear;   var bsDate;   var bsWeek;   var arrLen=8;    //数组长度 var sValue=0;    //当年的秒数 var dayiy=0;    //当年第几天 var miy=...
《方舟 生存进化》恐龙控制台召唤代码分享 《方舟:生存进化》是一款以恐龙题材的游戏,游戏中顽疾吗可以使用代码直接召唤恐龙,下面为大家带来玩家分享的恐龙控制台召唤代码大全,以供参考。 格式:summon XXXX_character_bp_c 使用方法: 按Tab键进入控制台,输入指令便可召唤随机等级随机颜色的恐龙。其中XXXX用以下英文代替。 比...

经验教程

587

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部