一个用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 相关文章推荐
Javascript实现的类似Google的Div拖动效果代码
Aug 09 Javascript
js事件(Event)知识整理
Oct 11 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
js replace()去除代码中空格的实例
Feb 14 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
YII实现分页的方法
2014/07/09 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
Python request操作步骤及代码实例
2020/04/13 Python
python打包多类型文件的操作方法
2020/09/21 Python
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
如何掌握自荐信格式呢
2013/11/19 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
务工证明怎么写
2015/06/18 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
Python实现天气查询软件
2021/06/07 Python