搜索

×

CSS 教程 JAVASCRIPT 教程 PHP 教程 HTML 教程测验

❮

HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 参考手册

JS 参考手册（字母排序）

JavaScript

JS Arrays JS Boolean

Boolean() new Boolean() constructor prototype toString() valueOf()

constructor() extends static super

JS Dates JS Error

isError() name message

decodeURI() decodeURIComponent() encodeURI() encodeURIComponent() escape() eval() Infinity isFinite() isNaN() NaN Number() parseFloat() parseInt() String() undefined unescape()

drop() every() filter() find() flatMap() forEach() map() reduce() some() take()

parse() stringify()

new Map clear() delete() entries() forEach() get() groupBy() has() keys() set() size values()

JS Math JS Numbers JS Objects JS Operators JS Assignment

Assign Simple Assign Add Assign Subtract Assign Multiply Assign Divide Assign Remainder Assign Colon Assign AND Assign OR Assign Nullish

Addition Subtraction Multiplication Division Exponentiation Remainder Increment Decrement Concatenation Unary Plus Unary Negation

Equal Strict Equal Not Equal Strict Not Equal Greater Than Less Than Greater Equal Less Equal

JS Logical Operators

Logical AND Logical OR Logical NOT Logical Nullish

JS Bitwise Operators

Bitwise AND Bitwise OR Bitwise NOT Bitwise XOR Bitwise Left Bitwise Right Bitwise Signed

JS Misc Operators

: ?. ... () ? x : y => delete in instanceof typeof void

JS Precedence JS Promises

all() allSettled() any() catch() finally() race() reject() resolve() then()

JS RegExp Patterns

/d /g /i /m /s /u /v /y [a] [^a] [abc] [^abc] [A-Z] [^A-Z] [0-9] [^0-9] a|b . \w \W \d \D \s \S [\b] \0 \n \f \r \t \v \p \P \ddd \xdd \udddd ^ $ \b \B x(?=y) x(?!y) (?<=y)x (?<!y)x (x) (?<name>x) (?flags:x) + * ? {n} {n,m} {n,}

JS RegExp Reference

compile() constructor dotAll escape() exec() flags global hasIndices ignoreCase lastIndex multiline source sticky test() toString() unicode unicodeSets

new Set add() clear() delete() difference() entries() forEach() has() intersection() isDisjointFrom() isSubsetOf() isSupersetOf() keys() size symmetricDifference() union() values()

break class const continue debugger do...while for for...in for...of function if...else let return switch throw try...catch var while

JS Strings JS Typed Arrays

Int8Array Uint8Array Uint8ClampedArray Int16Array Uint16Array Int32Array Uint32Array BigInt64Array Float16Array Float32Array Float64Array BigUint64Array

JS Typed Reference

Window

Window Object Window Console

assert() clear() count() error() group() groupCollapsed() groupEnd() info() log() table() time() timeEnd() trace() warn()

back() forward() go() length

Window Location

assign() hash host hostname href origin pathname port protocol reload() replace() search

Window Navigator

appCodeName appName appVersion cookieEnabled geolocation javaEnabled() language onLine platform product taintEnabled() userAgent

availHeight availWidth colorDepth height pixelDepth width

HTML DOM

HTML Documents HTML Elements

accessKey addEventListener() after() append() appendChild() attributes before() blur() childElementCount childNodes children classList className click() clientHeight clientTop clientWidth cloneNode() closest() compareDocumentPosition() contains() contentEditable dir firstChild firstElementChild focus() getAttribute() getAttributeNode() getBoundingClientRect() getElementsByClassName() getElementsByTagName() hasAttribute() hasAttributes() hasChildNodes() id innerHTML innerText insertAdjacentElement() insertAdjacentHTML() insertAdjacentText() insertBefore() isContentEditable isDefaultNamespace() isEqualNode() isSameNode() isSupported() lang lastChild lastElementChild matches() namespaceURI nextSibling nextElementSibling nodeName nodeType nodeValue normalize() offsetHeight offsetWidth offsetParent offsetTop outerHTML outerText ownerDocument parentNode parentElement previousSibling previousElementSibling querySelector() querySelectorAll() remove() removeAttribute() removeAttributeNode() removeChild() removeEventListener() replaceChild() scrollHeight scrollIntoView() scrollTop scrollWidth setAttribute() setAttributeNode() style tabIndex tagName textContent title clientLeft offsetLeft scrollLeft

HTML Attributes

getNamedItem() isId item() length name removeNamedItem() setNamedItem() specified value

HTML Collection

item() length namedItem()

entries() forEach() item() keys() length values()

HTML DOMTokenList

add() contains() entries() forEach() item() keys() length remove() replace() supports() toggle() value values()

alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundClip backgroundColor backgroundImage backgroundOrigin backgroundPosition backgroundRepeat backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cssFloat cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex

HTML Events

onabort onafterprint animationend animationiteration animationstart onbeforeprint onbeforeunload onblur oncanplay oncanplaythrough onchange onclick oncontextmenu oncopy oncut ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange onended onerror onfocus onfocusin onfocusout fullscreenchange fullscreenerror onhashchange oninput oninvalid onkeydown onkeypress onkeyup onload onloadeddata onloadedmetadata onloadstart onmessage onmousedown onmouseenter onmouseleave onmousemove onmouseover onmouseout onmouseup onoffline ononline onopen onpagehide onpageshow onpaste onpause onplay onplaying onprogress onratechange onresize onreset onscroll onsearch onseeked onseeking onselect onshow onstalled onsubmit onsuspend ontimeupdate ontoggle touchcancel touchend touchmove touchstart transitionend onunload onvolumechange onwaiting onwheel

HTML Event Objects

Animation Events Clipboard Events Drag Events Events Focus Events HashChange Events Input Events Keyboard Events Mouse Events PageTransition Events PopState Events Progress Events Storage Events Touch Events Transition Events Ui Events Wheel Events

HTML Event Properties HTML Event Methods

getModifierState() preventDefault() stopImmidiatePropagation() stopPropagation()

Web APIs

API Canvas API Console API Fetch API Fullscreen

exitFullscreen() fullscreenElement fullscreenEnabled() requestFullscreen()

API Geolocation

coordinates getCurrentPosition() position

API History API MediaQueryList API Storage

clear() getItem() key() length removeItem() setItem()

API Validation API Web

crypto.getRandomNumber()

HTML 对象

download 属性 hash 属性 host 属性 hostname 属性 href 属性 hreflang 属性 origin 属性 password 属性 pathname 属性 port 属性 protocol 属性 rel 属性 search 属性 target 属性 text 属性 type 属性 username 属性

<abbr> <address> <area>

alt 属性 coords 属性 hash 属性 host 属性 hostname 属性 href 属性 origin 属性 password 属性 pathname 属性 port 属性 protocol 属性 search 属性 shape 属性 target 属性 username 属性

<article> <aside> <audio> <b> <base>

href 属性 target 属性

<body> <br> <button>

autofocus 属性 disabled 属性 form 属性 formAction 属性 formEnctype 属性 formMethod 属性 formNoValidate 属性 formTarget 属性 name 属性 type 属性 value 属性

<canvas> <caption> <cite> <code> <col>

cite 属性 dateTime 属性

open 属性 close() 方法 show() 方法 showModal() 方法

<div> <dl> <dt> <em> <embed>

height 属性 src 属性 type 属性 width 属性

disabled 属性 form 属性 name 属性 type 属性

<figcaption> <figure> <footer> <form>

elements 集合 acceptCharset 属性 action 属性 autocomplete 属性 enctype 属性 length 属性 method 属性 name 属性 noValidate 属性 target 属性 reset() 方法 submit() 方法

<head> <header> <h1> - <h6> <hr> <html> <i> <iframe>

contentDocument 属性 contentWindow 属性 height 属性 name 属性 sandbox 属性 seamless 属性 src 属性 srcdoc 属性 width 属性

alt 属性 complete 属性 height 属性 isMap 属性 naturalHeight 属性 naturalWidth 属性 src 属性 useMap 属性 width 属性

cite 属性 dateTime 属性

Button autofocus 属性 Button disabled 属性 Button form 属性 Button name 属性 Button type 属性 Button value 属性

<input> checkbox

autofocus 属性 checked 属性 defaultChecked 属性 disabled 属性 form 属性 indeterminate 属性 name 属性 required 属性 type 属性 value 属性

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 name 属性 type 属性 value 属性

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

<input> datetime

autofocus 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 value 属性 type 属性

<input> datetime-local

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

autocomplete 属性 autofocus 属性 defaultValue 属性 disabled 属性 form 属性 maxLength 属性 multiple 属性 name 属性 pattern 属性 placeholder 属性 readOnly 属性 required 属性 size 属性 type 属性 value 属性

accept 属性 autofocus 属性 disabled 属性 files 属性 form 属性 multiple 属性 name 属性 required 属性 type 属性 value 属性

form 属性 name 属性 type 属性 value 属性

<input> image <input> month

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 placeholder 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

<input> password

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 maxLength 属性 name 属性 pattern 属性 placeholder 属性 readOnly 属性 required 属性 size 属性 type 属性 value 属性 select() 方法

autofocus 属性 checked 属性 defaultChecked 属性 disabled 属性 form 属性 name 属性 required 属性 type 属性 value 属性

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

autofocus 属性 disabled 属性 form 属性 name 属性 type 属性 value 属性

autocomplete 属性 autofocus 属性 defaultValue 属性 disabled 属性 form 属性 maxLength 属性 name 属性 pattern 属性 placeholder 属性 readOnly 属性 required 属性 size 属性 type 属性 value 属性

autofocus 属性 disabled 属性 form 属性 formAction 属性 formEnctype 属性 formMethod 属性 formNoValidate 属性 formTarget 属性 name 属性 type 属性 value 属性

autocomplete 属性 autofocus 属性 defaultValue 属性 disabled 属性 form 属性 maxLength 属性 name 属性 pattern 属性 placeholder 属性 readOnly 属性 required 属性 size 属性 type 属性 value 属性

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

autocomplete 属性 autofocus 属性 defaultValue 属性 disabled 属性 form 属性 maxLength 属性 name 属性 pattern 属性 placeholder 属性 readOnly 属性 required 属性 size 属性 type 属性 value 属性

autofocus 属性 defaultValue 属性 disabled 属性 form 属性 max 属性 min 属性 name 属性 readOnly 属性 required 属性 step 属性 type 属性 value 属性 stepDown() 方法 stepUp() 方法

form 属性 htmlFor 属性

disabled 属性 href 属性 hreflang 属性 media 属性 rel 属性 sizes 属性 type 属性

areas 集合 name 属性

<mark> <menu> <menuitem> <meta>

content 属性 httpEquiv 属性 name 属性

high 属性 low 属性 max 属性 min 属性 optimum 属性 value 属性

data 属性 form 属性 height 属性 name 属性 type 属性 useMap 属性 width 属性

reversed 属性 start 属性 type 属性

<optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Style background 属性

❮ 上一个完整 JS 参考下一个 ❯

实例

设置文档背景的样式:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

亲自试一试 »

页面下方有更多实例。

定义和用法

background 属性以简写形式设置或返回最多八个独立的背景属性。

使用此属性，可以设置/返回以下一项或多项（按任意顺序）:

background-color
background-image
background-repeat
background-attachment
background-position
background-size
background-origin
background-clip

上述的属性，也可以设置单独的样式属性。强烈建议使用单独的属性这样有更好的可控性。

浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
background	1.0	4.0	1.0	1.0	3.5

注释: 请参见下面每个值的个别浏览器支持。

语法

返回 background 属性:

object.style.background

设置 background 属性:

object.style.background = "color imagerepeat attachment position size origin clip|initial|inherit"

属性值

值	描述
color	设置一个元素的背景颜色
image	设置一个元素的背景图像
repeat	设置如何重复背景图像
attachment	设置背景图像是否固定或者随着页面的其余部分滚动
position	设置背景图像的起始位置
size	设置背景图像的大小
origin	设置背景定位区域
clip	设置背景图像的绘制区域
initial	设置该属性为它的默认值。请参阅 initial
inherit	从父元素继承该属性。请参阅 inherit

技术细节

默认值:	transparent none repeat scroll 0% 0% auto padding-box border-box
返回值:	字符串，表示元素的背景
CSS 版本	CSS1 + new properties in CSS3

更多实例

实例

更改DIV元素的背景:

document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";

亲自试一试 »

实例

为文档设置背景色:

document.body.style.backgroundColor = "red";

亲自试一试 »

实例

为文档设置背景图像:

document.body.style.backgroundImage = "url('img_tree.png')";

亲自试一试 »

实例

将背景图像设置为"不重复":

document.body.style.backgroundRepeat = "repeat-y";

亲自试一试 »

实例

将背景图像设置为固定（不会滚动）:

document.body.style.backgroundAttachment = "fixed";

亲自试一试 »

实例

更改背景图像的位置:

document.body.style.backgroundPosition = "top right";

亲自试一试 »

实例

返回文档的背景属性值:

document.body.style.background;

亲自试一试 »

相关页面

CSS 教程: CSS Background

CSS3 tutorial: CSS3 Backgrounds

CSS 参考手册: background 属性

❮ 上一节下一节 ❯

颜色选择器

颜色选择器

CSS 参考手册

CSS 实例

CSS 测验/考试

Copyright ©2026 蒙ICP备2026009383号 All Rights Reserved 提供的内容仅用于学习和测试，不保证内容的正确性。