一个用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 相关文章推荐
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
基于jQuery实现滚动切换效果
Dec 02 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
JS中Promise函数then的奥秘探究
Jul 30 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
vue+iview使用树形控件的具体使用
Nov 02 Javascript
JavaScript实现消消乐的源代码
Jan 12 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 高手之路(三)
2006/10/09 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
python实现三壶谜题的示例详解
2020/11/02 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
房屋转让协议书
2014/04/11 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
保研推荐信格式
2015/03/25 职场文书
搞笑结婚保证书
2015/05/08 职场文书
经济纠纷起诉状
2015/05/20 职场文书
一文解答什么是MySQL的回表
2022/08/05 MySQL