一个用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 相关文章推荐
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
HTML页面登录时的JS验证方法
May 28 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
jQuery操作动态生成的内容的方法
May 28 Javascript
JavaScript中ES6 Babel正确安装过程
Jul 18 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
js转html实体的方法
Sep 27 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
科讯商业版中用到的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中{}大括号是什么意思
2013/12/01 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
php利用事务处理转账问题
2015/04/22 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
JS类的封装及实现代码
2009/12/02 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
瑞典时尚服装购物网站:Miinto.se
2017/10/30 全球购物
应届毕业生求职信范例分享
2013/12/17 职场文书
大学生职业生涯规划方案
2014/01/03 职场文书
文秘大学生求职信
2014/02/25 职场文书
2015年路政工作总结
2015/05/22 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
css背景和边框标签实例详解
2021/05/21 HTML / CSS
浅谈PHP7中的一些小技巧
2021/05/29 PHP