当前位置:首页 > 经验 >

javascript 菜鸟教程(javascript基础语法菜鸟教程)

来源:原点资讯(www.yd166.com)时间:2022-11-01 10:15:53作者:YD166手机阅读>>

/*

* 创建文本框

* _id:文本框编号

* _text:文本框上的文字

* _x:文本框的x位置

* _y:文本框的y位置

* _width:文本框的宽度

* _height:文本框的高度

*/

function Text(_id,_text,_x,_y,_width,_height)

{

this.id = _id;

this.text = _text;

this.x = typeof(_x)!="undefined"?_x:0;

this.y = typeof(_y)!="undefined"?_y:0;

this.width = typeof(_width)!="undefined"?_width:20;

this.height = typeof(_height)!="undefined"?_height:50;

this.parent = null;

var TT = document.createElement("input");

TT.setAttribute("type","text");

TT.setAttribute("value",_text);

TT.style.width = this.width "px";

TT.style.height = this.height "px";

TT.style.position = "absolute";

TT.style.left = this.x "px";

TT.style.top = this.y "px";

/*

* 添加到父对象

* _parent:父对象名字

*/

this.addToParent = function(_parent)

{

if(typeof(_parent)!="undefined")

{

this.parent = _parent;

}

else

{

this.parent = document.body;

}

this.parent.appendChild(TT);

}

/*

* 设置背景颜色

* _color:要设置的颜色

*/

this.setBackgroundColor = function(_color)

{

if(typeof(_color)=="undefined")return;

TT.style.backgroundColor = _color;

}

/*

* 设置文本框的文字大小

* size:要设置的文字大小

*/

this.setFontSize = function(size)

{

TT.style.fontSize = size "px";

}

/*

* 设置字体颜色

* _color:要设置的颜色

*/

this.setFontColor=function (_color)

{

TT.style.color=_color;

}

/*

* 设置背景图片

* _url:要设置的图片的路径

*/

this.setBackgroundImage = function(_url)

{

TT.style.backgroundImage = "url(" _url ")";

}

/*

* 设置显示内容

* _text:要显示的内容

*/

this.setText = function(__text)

{

this.text = __text;

TT.setAttribute("value",__text);

}

}

栏目热文

javascript快速入门教程(javascript学习方法)

javascript快速入门教程(javascript学习方法)

JavaScript(通常缩写为JS)是一种解释型、面向对象、多范式的高级编程语言。它被世界上的绝大多数网站所使用,也被...

2022-11-01 09:32:09查看全文 >>

js教程从入门到精通(编程必背50个代码)

js教程从入门到精通(编程必背50个代码)

目录一个简单vue应用的创建选择什么方式创建vue应用创建项目结构分析运行vue.js知识点的学习vue.js是怎么构成...

2022-11-01 10:08:48查看全文 >>

js100个经典实例(js编程100例)

js100个经典实例(js编程100例)

《大数据和人工智能交流》头条号向广大初学者新增C 、Java 、Python 、Scala、javascript 等目...

2022-11-01 09:34:43查看全文 >>

javascript全套教程(javascript案例教程)

javascript全套教程(javascript案例教程)

已经连续三天分享资料了,继之前分享的Python,小程序、C ,今日再奉上开发必备语言教学,全套的JavaScript...

2022-11-01 10:05:05查看全文 >>

js必背100个代码(java入门必背代码)

js必背100个代码(java入门必背代码)

日常开发中,Date对于我们来说是经常使用到的,平常使用的一些UI框架,如Antd、ElementUI等都会使用像mom...

2022-11-01 09:58:24查看全文 >>

javascript开发手册(javascript官方手册)

javascript开发手册(javascript官方手册)

JavaScript 是世界上最流行的编程语言之一。我相信这是您第一个绝佳选择的编程语言。我们主要使用JavaScrip...

2022-11-01 10:18:23查看全文 >>

javascript全套自学教程(javascript语言入门自学)

javascript全套自学教程(javascript语言入门自学)

你应该已经知道,没有什么简单方法可以创建有效且跨浏览器的JavaScript 代码,除了编写整洁代码的常规挑战外,我们还...

2022-11-01 09:48:26查看全文 >>

javascript实例教程(javascript 开发实例)

javascript实例教程(javascript 开发实例)

摘要: 本篇文章教你如何使用JavaScript在浏览器中完整地定义、训练和部署机器学习算法。虽然它可能不是机器学习传统...

2022-11-01 09:33:58查看全文 >>

javascript教程零基础(javascript全套教程)

javascript教程零基础(javascript全套教程)

怎么自学javascript?下面本篇文章就来给大家介绍一下系统学习JavaScript的方法。有一定的参考价值,有需要...

2022-11-01 10:20:49查看全文 >>

菜鸟教程javascript(零基础javascript教程)

菜鸟教程javascript(零基础javascript教程)

0x1. 起因得到 APP 中有个文稿模块,这部分是内嵌的前端开发的 Web 页面,支持在客户端和微信中访问,其中有一个...

2022-11-01 10:17:36查看全文 >>

文档排行