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


Posted in Javascript onSeptember 04, 2007
<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>
Javascript 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 Javascript
selenium+java中用js来完成日期的修改
Oct 31 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
Jul 24 Javascript
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
科讯商业版中用到的ajax空间与分页函数
Sep 02 #Javascript
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 #Javascript
给Javascript数组插入一条记录的代码
Aug 30 #Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 #Javascript
Expandable &quot;Detail&quot; Table Rows
Aug 29 #Javascript
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 #Javascript
推荐一些非常不错的javascript学习资源站点
Aug 29 #Javascript
You might like
php从给定url获取文件扩展名的方法
2015/03/14 PHP
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
jQuery取消特定的click事件
2016/02/29 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
python3 读取Excel表格中的数据
2018/10/16 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
复核员上岗演讲稿
2014/01/05 职场文书
会计出纳员的自我评价
2014/01/15 职场文书
广告创意求职信
2014/03/17 职场文书
战略合作意向书范本
2014/04/01 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
传播学专业毕业生自荐书
2014/07/01 职场文书
大学生交通专业求职信
2014/09/01 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
三八节活动简报
2015/07/20 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
《植树问题》教学反思
2016/03/03 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers