一个用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 相关文章推荐
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
jQuery判断checkbox是否选中的小例子
Dec 02 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
Dec 02 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 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
压力如何影响浓缩咖啡品质
2021/03/03 咖啡文化
php 三元运算符实例详细介绍
2016/12/15 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
JS实现向表格中动态添加行的方法
2015/03/30 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
JS 自执行函数原理及用法
2019/08/05 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
vue实现图片按比例缩放问题操作
2020/08/11 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python网络编程 Python套接字编程
2017/09/13 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python学生管理系统开发
2019/01/30 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
Flask项目中实现短信验证码和邮箱验证码功能
2019/12/05 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
金融专业应届生求职信
2013/11/02 职场文书
文体活动实施方案
2014/03/27 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
房屋所有权证明
2014/10/20 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js