> 웹 프론트엔드 > JS 튜토리얼 > js_javascript 기술을 사용하여 콘솔 제어를 구현하는 코드

js_javascript 기술을 사용하여 콘솔 제어를 구현하는 코드

WBOY
풀어 주다: 2016-05-16 19:09:07
원래의
1003명이 탐색했습니다.
复제대码 代码如下:



<스크립트>
    함수 콘솔(너비, 높이, 명령)
    {
        var container=document.createElement("div");
        this.container=container;

        container.runtimeStyle.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;
            시도해 보세요{
               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);
        }
        컨테이너=null;
    }

    //var db=new  DrawingBoard(100,100)
    //db.drawLine([5,5],[36,44],"red")
    // document.body.appendChild(db.container);
    var c=new 콘솔("100%","100%");
    c.appendto(document.body);


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿