JS's Object

-	obj	{...}	Object

 	className	""	String

 	id	"catagory"	String

 	tagName	"TD"	String

+	parentElement	{...}	Object

-	style	{...}	Object

	 	fontFamily	""	String

	 	fontStyle	""	String

	 	fontVariant	""	String

	 	fontWeight	""	String

	 	fontSize	""	Variant

	 	font	""	String

	 	color	""	Variant

	 	background	""	String

	 	backgroundColor	""	Variant

	 	backgroundImage	""	String

	 	backgroundRepeat	""	String

	 	backgroundAttachment	""	String

	 	backgroundPosition	""	String

	 	backgroundPositionX	""	Variant

	 	backgroundPositionY	""	Variant

	 	wordSpacing	""	Variant

	 	letterSpacing	""	Variant

	 	textDecoration	""	String

	 	textDecorationNone	false	Boolean

	 	textDecorationUnderline	false	Boolean

	 	textDecorationOverline	false	Boolean

	 	textDecorationLineThrough	false	Boolean

	 	textDecorationBlink	false	Boolean

	 	verticalAlign	""	Variant

	 	textTransform	""	String

	 	textAlign	""	String

	 	textIndent	""	Variant

	 	lineHeight	""	Variant

	 	marginTop	""	Variant

	 	marginRight	""	Variant

	 	marginBottom	""	Variant

	 	marginLeft	""	Variant

	 	margin	""	String

	 	paddingTop	""	Variant

	 	paddingRight	""	Variant

	 	paddingBottom	""	Variant

	 	paddingLeft	""	Variant

	 	padding	""	String

	 	border	""	String

	 	borderTop	""	String

	 	borderRight	""	String

	 	borderBottom	""	String

	 	borderLeft	""	String

	 	borderColor	""	String

	 	borderTopColor	""	Variant

	 	borderRightColor	""	Variant

	 	borderBottomColor	""	Variant

	 	borderLeftColor	""	Variant

	 	borderWidth	""	String

	 	borderTopWidth	""	Variant

	 	borderRightWidth	""	Variant

	 	borderBottomWidth	""	Variant

	 	borderLeftWidth	""	Variant

	 	borderStyle	""	String

	 	borderTopStyle	""	String

	 	borderRightStyle	""	String

	 	borderBottomStyle	""	String

	 	borderLeftStyle	""	String

	 	width	""	Variant

	 	height	""	Variant

	 	styleFloat	""	String

	 	clear	""	String

	 	display	""	String

	 	visibility	""	String

	 	listStyleType	""	String

	 	listStylePosition	""	String

	 	listStyleImage	""	String

	 	Liststyle	""	String

	 	whiteSpace	""	String

	 	top	""	Variant

	 	left	""	Variant

	 	zIndex	0	Variant

	 	overflow	""	String

	 	pageBreakBefore	""	String

	 	pageBreakAfter	""	String

	 	cssText	""	String

	 	pixelTop	0	Long

	 	pixelLeft	0	Long

	 	pixelWidth	0	Long

	 	pixelHeight	0	Long

	 	posTop	0	Single

	 	posLeft	0	Single

	 	posWidth	0	Single

	 	posHeight	0	Single

	 	cursor	""	String

	 	clip	""	String

	 	filter	""	String

	 	tableLayout	""	String

	 	borderCollapse	""	String

	 	direction	""	String

	 	behavior	""	String

	 	position	""	String

	 	unicodeBidi	""	String

	 	bottom	""	Variant

	 	right	""	Variant

	 	pixelBottom	0	Long

	 	pixelRight	0	Long

	 	posBottom	0	Single

	 	posRight	0	Single

	 	imeMode	""	String

	 	rubyAlign	""	String

	 	rubyPosition	""	String

	 	rubyOverhang	""	String

	 	layoutGridChar	""	Variant

	 	layoutGridLine	""	Variant

	 	layoutGridMode	""	String

	 	layoutGridType	""	String

	 	layoutGrid	""	String

	 	wordBreak	""	String

	 	lineBreak	""	String

	 	textJustify	""	String

	 	textJustifyTrim	""	String

	 	textKashida	""	Variant

	 	textAutospace	""	String

	 	overflowX	""	String

	 	overflowY	""	String

	 	accelerator	"false"	String

	 	layoutFlow	""	String

	 	zoom	""	Variant

	 	wordWrap	""	String

	 	textUnderlinePosition	""	String

	 	scrollbarBaseColor	""	Variant

	 	scrollbarFaceColor	""	Variant

	 	scrollbar3dLightColor	""	Variant

	 	scrollbarShadowColor	""	Variant

	 	scrollbarHighlightColor	""	Variant

	 	scrollbarDarkShadowColor	""	Variant

	 	scrollbarArrowColor	""	Variant

	 	scrollbarTrackColor	""	Variant

	 	writingMode	""	String

	 	textAlignLast	""	String

	 	textKashidaSpace	""	Variant

	 	textOverflow	""	String

	 	minHeight	""	Variant

	 	onhelp	null	Variant

	 	onclick	null	Variant

	 	ondblclick	null	Variant

	 	onkeydown	null	Variant

	 	onkeyup	null	Variant

	 	onkeypress	null	Variant

	 	onmouseout	null	Variant

	 	onmouseover	null	Variant

	 	onmousemove	null	Variant

	 	onmousedown	null	Variant

	 	onmouseup	null	Variant

+	document	{...}	Object

 	title	""	String

 	language	""	String

 	onselectstart	null	Variant

 	sourceIndex	94	Long

 	recordNumber	null	Variant

 	lang	""	String

 	offsetLeft	0	Long

 	Offsettop	0	Long

 	offsetWidth	0	Long

 	offsetHeight	0	Long

+	offsetParent	{...}	Object

 	innerHTML	" "	String

 	innerText	" "	String

 	outerHTML	"<TD id=catagory width=639 background=../../../757fshyundaires/images/images/productsearchbg.gif height=37> </TD>"	String

 	outerText	" "	String

+	parentTextEdit	{...}	Object

 	isTextEdit	false	Boolean

+	filters	{...}	Object

 	ondragstart	null	Variant

 	onbeforeupdate	null	Variant

 	onafterupdate	null	Variant

 	onerrorupdate	null	Variant

 	onrowexit	null	Variant

 	onrowenter	null	Variant

 	ondatasetchanged	null	Variant

 	ondataavailable	null	Variant

 	ondatasetcomplete	null	Variant

 	onfilterchange	null	Variant

+	children	{...}	Object

+	all	{...}	Object

 	scopeName	"HTML"	String

 	onlosecapture	null	Variant

 	onscroll	null	Variant

 	ondrag	null	Variant

 	ondragend	null	Variant

 	ondragenter	null	Variant

 	ondragover	null	Variant

 	ondragleave	null	Variant

 	ondrop	null	Variant

 	onbeforecut	null	Variant

 	oncut	null	Variant

 	onbeforecopy	null	Variant

 	oncopy	null	Variant

 	onbeforepaste	null	Variant

 	onpaste	null	Variant

+	currentStyle	{...}	Object

 	onpropertychange	null	Variant

 	tabIndex	0	Integer

 	accessKey	""	String

 	onblur	null	Variant

 	onfocus	null	Variant

 	onresize	null	Variant

 	clientHeight	0	Long

 	clientWidth	0	Long

 	clientTop	0	Long

 	clientLeft	0	Long

 	readyState	"complete"	Variant

 	onreadystatechange	null	Variant

 	onrowsdelete	null	Variant

 	onrowsinserted	null	Variant

 	oncellchange	null	Variant

 	dir	""	String

 	scrollHeight	0	Long

 	scrollWidth	0	Long

 	scrollTop	0	Long

 	scrollLeft	0	Long

 	oncontextmenu	null	Variant

 	canHaveChildren	true	Boolean

+	runtimeStyle	{...}	Object

+	behaviorUrns	{...}	Object

 	tagUrn	""	String

 	onbeforeeditfocus	null	Variant

 	readyStateValue	4	Long

 	isMultiLine	true	Boolean

 	canHaveHTML	true	Boolean

 	onlayoutcomplete	null	Variant

 	onpage	null	Variant

 	inflateBlock	false	Boolean

 	onbeforedeactivate	null	Variant

 	contentEditable	"inherit"	String

 	isContentEditable	false	Boolean

 	hideFocus	false	Boolean

 	disabled	false	Boolean

 	isDisabled	false	Boolean

 	onmove	null	Variant

 	oncontrolselect	null	Variant

 	onresizestart	null	Variant

 	onresizeend	null	Variant

 	onmovestart	null	Variant

 	onmoveend	null	Variant

 	onmouseenter	null	Variant

 	onmouseleave	null	Variant

 	onactivate	null	Variant

 	ondeactivate	null	Variant

 	glyphMode	0	Long

 	onmousewheel	null	Variant

 	onbeforeactivate	null	Variant

 	onfocusin	null	Variant

 	onfocusout	null	Variant

 	uniqueNumber	1	Long

 	uniqueID	"ms__id1"	String

 	nodeType	1	Long

+	parentNode	{...}	Object

+	childNodes	{...}	Object

+	attributes	{...}	Object

 	nodeName	"TD"	String

 	nodeValue	null	Variant

+	firstChild	{...}	Object

+	lastChild	{...}	Object

 	previousSibling	null	Object

 	nextSibling	null	Object

+	ownerDocument	{...}	Object

 	rowSpan	1	Long

 	colSpan	1	Long

 	align	""	String

 	vAlign	""	String

 	bgColor	""	Variant

 	noWrap	false	Boolean

 	background	"../../../757fshyundaires/images/images/productsearchbg.gif"	String

 	Bordercolor	""	Variant

 	borderColorLight	""	Variant

 	borderColorDark	""	Variant

 	width	"639"	Variant

 	height	"37"	Variant

 	cellIndex	0	Long

 	abbr	""	String

 	axis	""	String

 	ch	""	String

 	chOff	""	String

 	headers	""	String

 	scope	""	String

### JavaScript 对象方法教程 JavaScript 中的对象是一种数据结构,用于存储键值对。对象可以拥有属性和方法。以下是关于如何定义、操作以及扩展 JavaScript 对象及其方法的详细介绍。 #### 定义对象及方法 可以通过多种方式创建对象并为其添加方法。最常见的方式是通过字面量语法: ```javascript const person = { name: 'Alice', age: 25, greet: function() { // 方法作为函数赋给对象的一个属性 console.log(`Hello, my name is ${this.name}`); } }; person.greet(); // 调用方法 Hello, my name is Alice ``` 上述代码展示了如何向对象 `person` 添加名为 `greet` 的方法[^1]。 #### 使用构造器模式 除了直接使用对象字面量外,还可以利用构造函数来动态生成具有相同结构的对象实例: ```javascript function Person(name, age) { this.name = name; this.age = age; this.introduce = function () { // 构造函数内部定义的方法会随每次实例化重复创建 return `${name} is ${age} years old.`; }; } const alice = new Person('Alice', 25); console.log(alice.introduce()); // 输出:Alice is 25 years old. ``` 值得注意的是,在这种情况下,每当创建一个新的 `Person` 实例时都会重新创建一次 `introduce` 函数副本[^4]。 #### 利用原型继承优化内存效率 为了提高性能并减少不必要的冗余,推荐将共享的行为放置到原型上而不是每个单独的实例之中: ```javascript function Animal(type){ this.type=type; } Animal.prototype.speak=function(){ console.log(`${this.type}s make sounds`); }; let dog=new Animal("Dog"); dog.speak(); // Dog makes sound ``` 这里说明了如何通过修改原型上的行为实现多个实例间的资源共享。 #### 扩展内置类型的原生功能 尽管不建议轻易改变语言核心库的功能以防破坏预期行为,但在某些特定场景下确实存在这样的需求。比如下面的例子演示了怎样安全地增强 Array 类型的能力而不影响其他部分程序逻辑: ```javascript if (!Array.prototype.lastElement) { Array.prototype.lastElement = function (){ return this[this.length -1]; }; } var numbers=[10 ,20]; numbers.push(30); console.log(numbers.lastElement());// prints out :30 ``` 此片段解释了当检测到目标特性尚未被支持时才进行自定义扩充的做法。 #### 动态增加或更改现有方法 正如前面提到过的那样,由于函数本质上也是对象的一种形式,因此它们同样允许随时对其成员变量或者子过程实施增删改查之类的动作: ```javascript function multiply(a,b){return a*b;} multiply.description="Multiplies two values"; console.log(multiply.description);// Multiplies two values ``` 这段话重申了一个事实即所有的函数都可以像常规实体一样接受额外的数据字段附加在其身上。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值