一個用js實現(xiàn)控制臺控件的代碼
更新時間：2007年09月04日 11:46:04 作者：
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
相關(guān)文章
JS中產(chǎn)生20位隨機數(shù)以0-9為例也可以是a-z A-Z
本節(jié)主要介紹了JS如何產(chǎn)生隨機數(shù)，本例產(chǎn)生20位隨機數(shù)以0-9為例也可以是a-z A-Z,需要的朋友可以參考下2014-08-08
console.log()、alert()?都是JavaScript中用于在開發(fā)過程中輸出信息或向用戶顯示消息的不同方法,它們的主要區(qū)別在于目的、使用場景以及展示方式,本文將給大家介紹JavaScript?中怎么看數(shù)據(jù)返回值,需要的朋友可以參考下2024-07-07
本文給大家介紹的是不使用構(gòu)造函數(shù)實現(xiàn)"繼承"，非常的簡單，小伙伴們仔細了解下就可以非常熟悉了。2015-04-04
今天小編就為大家分享一篇在layui下對元素進行事件綁定的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript如何接收并顯示字節(jié)流中的圖片問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
接口是一系列抽象方法的聲明,是一些方法特征的集合,這些方法都應(yīng)該是抽象的,需要由具體的類去實現(xiàn),然后第三方就可以通過這組抽象方法調(diào)用,讓具體的類執(zhí)行具體的方法,這篇文章主要給大家介紹了基于Typescript與Axios的接口請求管理的相關(guān)資料,需要的朋友可以參考下2021-09-09
javascript實現(xiàn)設(shè)置、獲取和刪除Cookie的方法
這篇文章主要介紹了javascript實現(xiàn)設(shè)置、獲取和刪除Cookie的方法,涉及javascript操作cookie的常用技巧,非常簡單實用,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JS異步宏隊列微隊列原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
這篇文章主要為大家詳細介紹了OpenLayers3實現(xiàn)鼠標移動顯示坐標，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細介紹了如何利用threejs實現(xiàn)一個簡易的泊車功能,文中的示例代碼講解詳細,對大家的學習和工作有一定的幫助,感興趣的小伙伴可以動手嘗試一下2024-01-01