一个用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判断元素是否是隐藏的代码
Apr 24 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
10种JavaScript最常见的错误(小结)
Jun 21 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 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使用json_encode对变量json编码
2014/04/07 PHP
Laravel 5框架学习之Laravel入门和新建项目
2015/04/07 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
JavaScript检测鼠标移动方向的方法
2015/05/22 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
js实现购物车商品数量加减
2020/09/21 Javascript
Python File readlines() 使用方法
2018/03/19 Python
Python封装原理与实现方法详解
2018/08/28 Python
python解析xml简单示例
2019/06/21 Python
配置python的编程环境之Anaconda + VSCode的教程
2020/03/29 Python
PyTorch的torch.cat用法
2020/06/28 Python
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
大学生创业计划书
2014/08/14 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
党支部对转正的意见
2015/06/02 职场文书
地雷战观后感
2015/06/09 职场文书
父亲节感言
2015/08/03 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫