description::
Browser-javascript (ljb) is the-programing-language of webpages, the-javascript which the-web-browsers know, the so called client-side-javascript.
name::
* cpt.browser-javascript-(Ljb),
* cpt.browser-javascript-language,
* cpt.browser-javascript-programing-language,
* cpt.browser-js-(javascript-language-known-by-browsers),
* cpt.browserJS, {time.2017-10-29}
* cpt.browserjs, {time.2017-10-22}
* cpt.client-side-javascript,
* cpt.front-end-javascript,
* cpt.javascript.browser,
* cpt.language.javascript.browser,
* cpt.language.progaming.javascript.browser,
* cpt.Ljb,
* cpt.Ljb-(LanguageJavascriptBrowser),
* cpt.programing-language.javascript.browser,
* LngJsb,
* LangJsb,
* Jsb,
description::
Ljb-archetype is the-information the-ljb maps.
Ljb-archetype is mainly HML and CSS code with which webpages are-created as well numbers and human-text.
name::
* cpt.Ljb-archetype-information,
* cpt.Ljb-archo,
* cpt.Ljb-arc,
Generic-chain::
* Ljs-archetype,
description::
An-archetype is an-INSTANCE of communication.
The-set of all archetypes is the-domain of the-language.
Generic::
* Ljs-algorithm,
name::
* cpt.Ljb'Algorithm,
* cpt.Ljb'Document,
* cpt.Ljb-alg,
* cpt.Ljb-algo,
* cpt.Ljb-algorithm,
* cpt.Ljb-doc,
* cpt.Ljb-model,
Generic::
* Ljs-code,
name::
* cpt.Ljb-code,
* cpt.Ljb-code-format,
* cpt.Ljb-source-code,
description::
"Εverything flows", the-language and the-browsers.
We need to know, if the-algorithm we constructed is supported by the-browser we use to execute it.
name::
* cpt.Ljb-browser-compatibility,
* cpt.Ljb-browser-support,
description::
The-syntax-tree of an-ljb-algo is part of the-HTML-file of a-webpage.
[HmnSgm.2017-10-26]
name::
* cpt.Ljb'syntax-tree,
* cpt.Ljb-algo'syntax-tree,
* cpt.Ljb-syntax-tree,
Generic::
* Javascript--syntax-tree,
Generic::
* Ljs-unit,
Generic::
* Ljs-word,
Generic::
* Ljs-semantic-unit,
name::
* cpt.Ljb-semantic-unit,
* cpt.Ljb-unit.semantic,
* cpt.Ljb-sut,
* cpt.Ljb-sunit,
* cpt.Ljb-untSmc,
Whole-chain::
=== (syntax-wptree)
* Ljb-phrase,
* Ljb-sentence,
* Ljb-library,
* Ljb-program,
=== (API-wptree)
* another semantic-unit,
...
* window,
Specific::
Ljb uses only 11 semantic-units to create an-algorithm:
01) a - Array,
02) b - Boolean,
03) f - Function,
04) l - nuLl,
05) n - Number,
06) o - Object,
07) r - Regexp,
08) s - String,
09) u - Undefined,
10) v - name-Value-pair,
11) x - miXed,
Specific.alphabetically::
* array--semantic-unit,
* boolean--semantic-unit,
* custom--semantic-unit,
* customNo--semantic-unit,
* function--semantic-unit,
* name-semantic-unit,
* nameNo-semantic-unit,
* name-value-pair-mixed--semantic-unit,
* name-value-pair-mixedNo--semantic-unit,
* name-value-pair-No--semantic-unit,
* null--semantic-unit,
* number--semantic-unit,
* object--semantic-unit,
* objectNo--semantic-unit,
* regexp--semantic-unit,
* string--semantic-unit,
* undefined--semantic-unit,
Generic::
* Ljs-array,
Generic::
* Ljs-boolean,
Generic::
* Ljs-function,
name::
* cpt.Ljb-f-(Browser-js-function),
* cpt.Ljb-function,
Specific.alphabetically::
* constructor-function,
* custom-function,
* customNo-function,
* method-function,
* methodNo-function,
* object-returning-function,
* operator-function,
* self-executing-function,
Specific.BUILTIN.Chrome.50:
Generic::
* Ljs-null,
Generic::
* Ljs-number,
Generic::
* Ljs-object,
name::
* cpt.Ljb-o-(Browser-js-object),
* cpt.Ljb-object,
Specific.alphabetically::
* constructor-object,
* constructorNo-object,
* custom-object,
* customNo-object,
* most-whole-object (global),
* first-class-object,
* first-class-no-object,
* literal-object,
* literalNo-object,
* Object.prototype,
Generic::
* Ljs-regexp,
Generic::
* Ljs-string,
Generic::
* Ljs-undefined,
name::
* cpt.Ljb-u-(Browser-js-undefined),
* cpt.Ljb-undefined,
Generic::
* Ljs-name-value-pair,
name::
* cpt.Ljb-name-value-pair,
* cpt.Ljb-nvp-(name-value-pair),
* cpt.Ljb-variable,
Generic::
* Ljs-mixed-semantic-unit,
description::
* whole-part-tree-of-ljb-native-API,
* generic-specific-tree-of-ljb-native-API,
name::
* cpt.API.browserjs,
* cpt.API-javascriptBrowser,
* cpt.Ljb'API,
* cpt.Ljb-API,
Generic::
* Ljs-API,
description::
An-API is structured (from one point of view) in a-whole-part tree.
window
is the-most-whole-object, the-root, the-global-object, of the-ljb native-API.
The-whole-part-structure mechanism of Ljb is very primitive.
All the-code is-imported in the-global-object with the-script-html-element, creating a-soup prone to errors.
In contrast, Ljn uses the-module-mechanism to create manageable whole-part-structures.
name::
* cpt.Ljb-Api'whole-part-tree,
* cpt.Ljb-whole-part-tree-of-API,
* cpt.Ljb-wpt-(whole-part-tree-of-API),
Chrome.50.2016-05-09 native-API-whole-part-tree:
(≅700 semantic-units)
description::
window
is an-objectof Window
function.
It is the-most-whole object of the-browsers, the-global-object, it includes all other language constructs.
It is the-ROOT of the-API-whole-part-tree.
name::
* cpt.Ljb'global-object,
* cpt.Ljb'most-whole-object,
* cpt.Ljb'mwo,
* cpt.Ljb'window-object,
* cpt.Ljb-Api'window-object,
* cpt.Ljb-global-object,
* cpt.Ljb-most-whole-object,
* cpt.Ljb-window-object,
* cpt.most-whole-object--javascriptBrowser,
Generic-chain::
* Window.prototype (Window.prototype.isPrototypeOf(window) // true
),
* WindowProperties.prototype (internal in Chrome)
* EventTarget.prototype (Window.prototype.__proto__.__proto__ === EventTarget.prototype // true
),
* Object.prototype,
description::
This is the inheritance tree (= specifics inherit the-members of generics) of the-objects of the-language.
The-Object.prototype is the-most-generic-object in the-API's-generic-specific-tree.
name::
* cpt.Ljb-Api'generic-specific-tree,
* cpt.Ljb-generic-specific-tree-of-API,
* cpt.Ljb-object-generic-specific-tree,
* cpt.Ljb-object-hierarchy,
* cpt.Ljb-gst-(generic-specific-tree-of-API),
Generic-Specific-Tree of ljb-native-API:
Math.__proto__ === Object.prototype //true
)name::
* cpt.Ljb'most-generic-object,
* cpt.Ljb'Mgo,
* cpt.Ljb'Object.prototype,
* cpt.Ljb-Api'most-generic-object,
* cpt.Ljb-Api'mgo,
* cpt.Ljb-Api'Object.prototype,
* cpt.Ljb-most-generic-object,
* cpt.Ljb-Mgo,
* cpt.Ljb-Object.prototype,
* cpt.most-generic-object--javascriptBrowser,
Generic::
* Javascript--most-generic-object,
Generic::
* Ljs-native-API,
name::
* cpt.javascript'storage-API.browser,
* cpt.Ljb'API.storage,
* cpt.Ljb'storage-API,
addressWpg::
* {2018-06-12} Alexander-Zlatkov, How JavaScript works: Storage engines + how to choose the proper storage API, https://blog.sessionstack.com/,
Generic::
* Ljs-phrase,
Generic::
* Ljs-sentence,
description::
Algo-root-tree is the OUTERMOST TREE of an-algorithm, in a-webpage.
description::
With the-language programers create many algorithms.
The-quantity depends on the-archetypes known, and the-semantic-units of the-language.
Specific::
* Browser-management,
* Event-management,
* HML-management,
* Math-management,
* Time-management,
Generic::
* Ljs-library,
name::
* cpt.Ljb-lbr-(Library),
* cpt.Ljb-library,
* cpt.Ljb-framework,
* cpt.Ljb-plugin,
* cpt.Ljb-script,
description::
To add a-library in your code, to use its semantic-units (its API):
1. Use the-script HML-element to add the-javascript file|s:
<script src="location-of-file/file.js"></script>
Then all the-semantic-units of the-library were-added in the-ljb-most-whole-object (global).
Because the-library's-API is-added in the-global-object (window), it is a good practice, to store the-custom-semantic-units of the-library as part of ONE semantic-unit (usually object).
2. Use the-link HML-element to add the-CSS file|s, if present:
<link rel="stylesheet" href="location-of-file/file.css" />
Specific::
* http://www.javascripting.com/
description::
JavaScript templating refers to the client side data binding method implemented with the JavaScript language.
This approach became popular thanks to JavaScript's increased use, its increase in client processing capabilities, and the trend to outsource computations to the client's web browser. Popular JavaScript templating libraries are AngularJS, Backbone.js, Ember.js, Handlebars.js, Vue.js and Mustache.js.
A frequent practice is to use double curly brackets (i.e. {{key}}) to call values of the given key from data files, often JSON objects.
[https://en.wikipedia.org/wiki/JavaScript_templating]
name::
* cpt.Ljb-templating-library,
* cpt.Javascript-templating-library,
Specific::
* AngularJS,
* Backbone.js,
* Chaplin.js,
* Dust.js,
* Ember.js,
* Handlebars.js,
* HTMLBars,
* KnockoutJS,
* Marko.js,
* Mustache.js,
* React.js,
* Underscore.js,
* Vue.js,
description::
Ljb-program is an-algorithm which can-run autonomously, written in code-format, in a-webpage.
name::
* cpt.Ljb-algo-program,
* cpt.Ljb-program,
Part::
* Ljb-library,
* Ljb-sentence,
description::
You open the-HML-doc (webpage) in a-webbrowser which contains it.
name::
* cpt.Ljb-program'execution,
* cpt.Ljb-pgm'call,
* cpt.Ljb-pgm'execution,
* cpt.Ljb-pgm'invocation,
* cpt.Ljb-pgm'open,
* cpt.Ljb-pgm'run,
description::
This is the classic simplest program that displays the-text 'Hello World'.
You can-open it from this link.
<!DOCTYPE html>
<html>
<head>
<title>Ljb-pgm.Hello_World</title>
</head>
<body>
<script>
alert('Hello World!');
</script>
</body>
</html>
name::
* cpt.Ljb-algo.Hello-World!,
* cpt.Ljb-program.Hello-World!,
* cpt.Ljb-pgm.Hello-World!,
description::
A real classic ljb-program contains at least 3 files:
a) An-html-file with the-structure and info of the-webpage we see in the-browser.
b) A-css-file with the-style of the-page and
c) An-ljb-file with the-processing of the-page's info.
NOTE: the-ljb-file must-be at the-end of the-html-file in-order-to use the-elements of the-page. ALSO it is important to export ONE object into the-most-whole-object.
//the-html-file
<html>
<head>
<title>Example HW2</title>
<link rel="stylesheet" href="ex.css">
</head>
<body>
<button id="idBtn">Click me</button>
<script src="ex.js"></script>
</body>
</html>
//the-css-file: ex.css
button {
background-color: green;
color: white;
}
//the-ljb-file: ex.js
var oOut = (function () {
var oOut = {
// semantic-units accessed anywhere in the-program
oHTMLButtonElement: document.getElementById("idBtn")
}
oOut.fStart = function () {
oOut.oHTMLButtonElement.addEventListener('click', function (oEvtIn) {
alert('Hello World!');
});
};
document.addEventListener('DOMContentLoaded', function () {
//the executed startpoint of the-program
oOut.fStart();
});
return oOut;
})();
name::
* cpt.Ljb-algo.Hello-World!-2,
* cpt.Ljb-program.Hello-World!-2,
* cpt.Ljb-pgm.Hello-World!-2,
description::
Browser-management is the-algorithm dealing with the-browser, which is the host environment for Ljb.
name::
* cpt.Ljb-browser-management,
* cpt.Ljb-browser-manipulation,
* cpt.Ljb-browser-processing,
* cpt.Ljb-algBsr,
Whole-part-tree:
description::
Window
is the-constructor of window
(window.constructor //function Window() { [native code] }
).
name::
* cpt.Ljb-Window-function,
Whole-chain::
* window,
Generic-chain::
* EventTarget,
* Function.prototype,
* Object.prototype,
Member:
(Chrome.50):
> Object.getOwnPropertyNames(Window).sort()
["PERSISTENT", "TEMPORARY", "arguments", "caller", "length", "name", "prototype"]
(Firefox.46):
> Object.getOwnPropertyNames(Window).sort()
["length", "name", "prototype"]
(Edge.20):
> Object.getOwnPropertyNames(Window).sort()
[ "arguments", "caller", "name", "prototype" ]
description::
Events (webpage-events) are DOINGS in a-webpage, such as mouse clicks, mouse overs, etc.
Events AND associated functions (the-event-listeners) ARE-REGISTERED on components of the-page (the-targets).
When events occur, their associated event-listeners ARE-TRIGGERED (are-called).
oTarget.addEventListener(sEvent, fEventlistener);
name::
* cpt.Ljb-event-management,
* cpt.Ljb-event-manipulation,
* cpt.Ljb-algEvt,
Whole-part-tree:
Generic-specific-tree:
description::
Ljb-Event-object is an-object that represents webpage-events (its archetype).
Ljb has many constructors that create event-objects.
All event-objects inherit from Event.prototype
.
name::
* cpt.Ljb-Event-object,
* cpt.Ljb-oEvt,
Whole-chain::
* the-semantic-unit in which defined.
Generic-chain::
* Constructor.prototype,
* Event.prototype,
* Object.prototype,
Member:
The-members of an-oEvt depend of the-constructor used to create them.
Constructor:
These constructors create oEvts.
* ApplicationCacheErrorEvent,
* AudioProcessingEvent,
* AutocompleteErrorEvent,
* BeforeUnloadEvent,
* CloseEvent,
* CompositionEvent,
* CustomEvent,
* DeviceMotionEvent,
* DeviceOrientationEvent,
* DragEvent,
* ErrorEvent,
* Event,
* FocusEvent,
* GamepadEvent,
* HashChangeEvent,
* IDBVersionChangeEvent,
* KeyboardEvent,
* MediaKeyMessageEvent,
* MediaStreamEvent,
* MessageEvent,
* MouseEvent,
* MutationEvent,
* OfflineAudioCompletionEvent,
* PageTransitionEvent,
* PopStateEvent,
* ProgressEvent,
* SpeechSynthesisEvent,
* StorageEvent,
* SVGZoomEvent,
* TextEvent,
* TouchEvent,
* TrackEvent,
* TransitionEvent,
* UIEvent,
* WebGLContextEvent,
* WebKitAnimationEvent,
* WebKitTransitionEvent,
* WheelEvent,
description::
Ljb-EventListener-function is a-function that is-called when the-event occurs on a-target.
name::
* cpt.Ljb-EventListener-function,
* cpt.Ljbf.EventListener,
Whole-chain::
* the-semantic-unit in which defined.
Generic-chain::
* Function.prototype,
* Object.prototype,
description::
Ljb-EventTarget-object is an-object that represents an-HML-element of the-webpage on which the-event is-registered.
name::
* cpt.Ljb-EventTarget-object,
Whole-chain::
* the-semantic-unit in which defined.
Generic-chain::
* ...
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
===
All targets are specific of EventTarget.prototype
which contains the-method addEventListener()
we need to add listeners on targets.
description::
Event.prototype
is the-generic-object of all Ljb-event-objects which represent webpage-events.
name::
* cpt.Ljb-Event.prototype,
Whole-chain::
* Event-function,
* window, (window.Event //function Event() { [native code] }
)
Generic-chain::
* Object.prototype, (Event.prototype.__proto__ === Object.prototype //true
)
Member:
(Chrome.50):
> Object.getOwnPropertyNames(Event.prototype).sort()
["AT_TARGET", "BLUR", "BUBBLING_PHASE", "CAPTURING_PHASE", "CHANGE", "CLICK", "DBLCLICK", "DRAGDROP", "FOCUS", "KEYDOWN", "KEYPRESS", "KEYUP", "MOUSEDOWN", "MOUSEDRAG", "MOUSEMOVE", "MOUSEOUT", "MOUSEOVER", "MOUSEUP", "NONE", "SELECT", "bubbles", "cancelBubble", "cancelable", "constructor", "currentTarget", "defaultPrevented", "eventPhase", "initEvent", "path", "preventDefault", "returnValue", "srcElement", "stopImmediatePropagation", "stopPropagation", "target", "timeStamp", "type"]
(Firefox.46):
> Object.getOwnPropertyNames(Event.prototype).sort()
[]
(Edge.20):
> Object.getOwnPropertyNames(Event.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Event.prototype).sort()
[]
description::
Event
is a -constructor of Ljb-event-objects which contains the-Event.prototype, the-generic of all oEvts.
name::
* cpt.Ljb-Event,
* cpt.Ljb-Event-constructor,
* cpt.Ljb-Event-function,
Whole-chain::
* window, (window.Event //function Event() { [native code] }
)
Generic-chain::
* Function.prototype, (Event.__proto__ === Function.prototype //true
)
* Object.prototype, (Event.__proto__.__proto__ === Object.prototype //true
)
Member:
(Chrome.50):
> Object.getOwnPropertyNames(Event).sort()
["AT_TARGET", "BLUR", "BUBBLING_PHASE", "CAPTURING_PHASE", "CHANGE", "CLICK", "DBLCLICK", "DRAGDROP", "FOCUS", "KEYDOWN", "KEYPRESS", "KEYUP", "MOUSEDOWN", "MOUSEDRAG", "MOUSEMOVE", "MOUSEOUT", "MOUSEOVER", "MOUSEUP", "NONE", "SELECT", "arguments", "caller", "length", "name", "prototype"]
(Firefox.46):
> Object.getOwnPropertyNames(Event).sort()
["ALT_MASK", "AT_TARGET", "BUBBLING_PHASE", "CAPTURING_PHASE", "CONTROL_MASK", "META_MASK", "NONE", "SHIFT_MASK", "length", "name", "prototype"]
(Edge.20):
> Object.getOwnPropertyNames(Event).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Event).sort()
[]
description::
EventTarget.prototype
is the-generic-object of Node.prototype, and thus of any component of a-webpage.
name::
* cpt.Ljb-EventTarget.prototype,
* cpt.Ljb-eventTarget.prototype,
Whole-chain::
* EventTarget-function,
* window, (window.EventTarget //function EventTarget() { [native code] }
)
Generic-chain::
* Object.prototype, (EventTarget.prototype.__proto__ === Object.prototype //true
)
Member:
(Chrome.50):
> Object.getOwnPropertyNames(EventTarget.prototype).sort()
["addEventListener", "constructor", "dispatchEvent", "removeEventListener"]
(Firefox.46):
> Object.getOwnPropertyNames(EventTarget.prototype).sort()
["addEventListener", "constructor", "dispatchEvent", "removeEventListener"]
(Edge.20):
> Object.getOwnPropertyNames(EventTarget.prototype).sort()
["addEventListener", "constructor", "dispatchEvent", "removeEventListener"]
(Safari.5-1-7):
> Object.getOwnPropertyNames(EventTarget.prototype).sort()
[]
description::
EventTarget
is the-constructor of the-EventTarget.prototype.
name::
* cpt.Ljb-EventTarget,
* cpt.Ljb-EventTarget-constructor,
* cpt.Ljb-EventTarget-function,
Whole-chain::
* window, (window.EventTarget //function EventTarget() { [native code] }
)
Generic-chain::
* Function.prototype, (EventTarget.__proto__ === Function.prototype //true
)
* Object.prototype, (EventTarget.__proto__.__proto__ === Object.prototype //true
)
Member:
(Chrome.50):
> Object.getOwnPropertyNames(EventTarget).sort()
["arguments", "caller", "length", "name", "prototype"]
(Firefox.46):
> Object.getOwnPropertyNames(EventTarget).sort()
["length", "name", "prototype"]
(Edge.20):
> Object.getOwnPropertyNames(EventTarget).sort()
["arguments", "caller", "name", "prototype"]
Specific::
* Window, (Window.__proto__ === EventTarget //true
)
description::
ALL Ljb-docrithms manage HML, because ljb-code is part of an-HML-document and this reason of existance of Ljb.
name::
* cpt.HTML-processing--javascriptBrowser,
* cpt.Ljb-HML-management,
* cpt.Ljb-HTML-management,
* cpt.Ljb-algHml,
name::
* cpt.Ljb-HML-API,
* cpt.Ljb-API.HML,
Ljb'Hml-API'Whole-part-tree:
Ljb'Hml-API'Generic-specific-tree:
description::
DOM is a-specification of an-HML-document representation in Ljb.
name::
* cpt.Ljb-DOM-(Document-Object-Model),
* cpt.Ljb-Document-Object-Model-(DOM),
* cpt.Document-Object-Model-of-ljb,
Spec:
The-spec: https://www.w3.org/TR/domcore/
description::
document
is the-object that represents an-HML-document.
document
is an-objectof HTMLDocument
constructor-function.
document
is an-instance of HTMLDocument.prototype
.
name::
* cpt.document-object-javascriptBrowser,
* cpt.Ljb-document-object,
Whole-chain::
* window, (window.document //#document
)
Generic-chain::
* HTMLDocument.prototype,
* Document.prototype,
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(document).sort()).join(', '))
[location]
// Object.getOwnPropertyNames(document.__proto__).sort()).join(', '))
[alinkColor, all, bgColor, captureEvents, clear, constructor, fgColor, linkColor, releaseEvents, vlinkColor]
// Object.getOwnPropertyNames(document.__proto__.__proto__).sort()).join(', '))
[URL, activeElement, adoptNode, anchors, append, applets, body, caretRangeFromPoint, characterSet, charset, childElementCount, children, close, compatMode, constructor, contentType, cookie, createAttribute, createAttributeNS, createCDATASection, createComment, createDocumentFragment, createElement, createElementNS, createEvent, createExpression, createNSResolver, createNodeIterator, createProcessingInstruction, createRange, createTextNode, createTreeWalker, currentScript, defaultView, designMode, dir, doctype, documentElement, documentURI, domain, elementFromPoint, elementsFromPoint, embeds, evaluate, execCommand, exitPointerLock, firstElementChild, fonts, forms, getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, getElementsByTagNameNS, getSelection, hasFocus, head, hidden, images, implementation, importNode, inputEncoding, lastElementChild, lastModified, links, onabort, onauxclick, onbeforecopy, onbeforecut, onbeforepaste, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncopy, oncuechange, oncut, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, ongotpointercapture, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onlostpointercapture, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpaste, onpause, onplay, onplaying, onpointercancel, onpointerdown, onpointerenter, onpointerleave, onpointerlockchange, onpointerlockerror, onpointermove, onpointerout, onpointerover, onpointerup, onprogress, onratechange, onreadystatechange, onreset, onresize, onscroll, onsearch, onseeked, onseeking, onselect, onselectionchange, onselectstart, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting, onwebkitfullscreenchange, onwebkitfullscreenerror, onwheel, open, origin, plugins, pointerLockElement, preferredStylesheetSet, prepend, queryCommandEnabled, queryCommandIndeterm, queryCommandState, queryCommandSupported, queryCommandValue, querySelector, querySelectorAll, readyState, referrer, registerElement, rootElement, scripts, scrollingElement, selectedStylesheetSet, styleSheets, title, visibilityState, webkitCancelFullScreen, webkitCurrentFullScreenElement, webkitExitFullscreen, webkitFullscreenElement, webkitFullscreenEnabled, webkitHidden, webkitIsFullScreen, webkitVisibilityState, write, writeln, xmlEncoding, xmlStandalone, xmlVersion]
// Object.getOwnPropertyNames(document.__proto__.__proto__.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(document.__proto__.__proto__.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(document.__proto__.__proto__.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(document).sort()
["location"]
(Firefox.46):
> Object.getOwnPropertyNames(document).sort()
["location"]
(Edge.20):
> Object.getOwnPropertyNames(document).sort()
["__IE_DEVTOOLBAR_CONSOLE_EVAL_ERROR", "__IE_DEVTOOLBAR_CONSOLE_EVAL_ERRORCODE", "__IE_DEVTOOLBAR_CONSOLE_EVAL_RESULT, "closure_lm_199280", "closure_lm_736068", "f"]
(Safari.5-1-7):
> Object.getOwnPropertyNames(document).sort()
["URL", "_html5shiv", "activeElement", "alinkColor", "all", "anchors", "applets", "attributes", "baseURI", "bgColor", "body", "characterSet", "charset", "childNodes", "compatMode", "constructor", "cookie", "defaultCharset", "defaultView", "designMode", "dir", "doctype", "documentElement", "documentURI", "domain", "embeds", "fgColor", "firstChild", "forms", "head", "height", "images", "implementation", "inputEncoding", "lastChild", "lastModified", "linkColor", "links", "localName", "location", "namespaceURI", "nextSibling", "nodeName", "nodeType", "nodeValue", "onabort", "onbeforecopy", "onbeforecut", "onbeforepaste", "onblur", "onchange", "onclick", "oncontextmenu", "oncopy", "oncut", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onmousedown", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel", "onpaste", "onreadystatechange", "onreset", "onscroll", "onsearch", "onselect", "onselectionchange", "onselectstart", "onsubmit", "onwebkitfullscreenchange", "ownerDocument", "parentElement", "parentNode", "plugins", "preferredStylesheetSet", "prefix", "previousSibling", "readyState", "referrer", "scripts", "selectedStylesheetSet", "styleSheets", "textContent", "title", "vlinkColor", "webkitCurrentFullScreenElement", "webkitFullScreenKeyboardInputAllowed", "webkitIsFullScreen", "width", "xmlEncoding", "xmlStandalone", "xmlVersion"]
description::
HTMLDocument.prototype
is the-generic-object of document
.
document
is an-instance of HTMLDocument.prototype
.
document
is an-objectof HTMLDocument
.
name::
* cpt.HTMLDocument.prototype-javascriptBrowser,
* cpt.Ljb-HTMLDocument.prototype,
Whole-chain::
* HTMLDocument-function,
* window,
Generic-chain::
* Document.prototype,
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(HTMLDocument.prototype).sort()).join(', '))
[alinkColor, all, bgColor, captureEvents, clear, constructor, fgColor, linkColor, releaseEvents, vlinkColor]
// Object.getOwnPropertyNames(HTMLDocument.prototype.__proto__).sort()).join(', '))
[URL, activeElement, adoptNode, anchors, append, applets, body, caretRangeFromPoint, characterSet, charset, childElementCount, children, close, compatMode, constructor, contentType, cookie, createAttribute, createAttributeNS, createCDATASection, createComment, createDocumentFragment, createElement, createElementNS, createEvent, createExpression, createNSResolver, createNodeIterator, createProcessingInstruction, createRange, createTextNode, createTreeWalker, currentScript, defaultView, designMode, dir, doctype, documentElement, documentURI, domain, elementFromPoint, elementsFromPoint, embeds, evaluate, execCommand, exitPointerLock, firstElementChild, fonts, forms, getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, getElementsByTagNameNS, getSelection, hasFocus, head, hidden, images, implementation, importNode, inputEncoding, lastElementChild, lastModified, links, onabort, onauxclick, onbeforecopy, onbeforecut, onbeforepaste, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncopy, oncuechange, oncut, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, ongotpointercapture, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onlostpointercapture, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpaste, onpause, onplay, onplaying, onpointercancel, onpointerdown, onpointerenter, onpointerleave, onpointerlockchange, onpointerlockerror, onpointermove, onpointerout, onpointerover, onpointerup, onprogress, onratechange, onreadystatechange, onreset, onresize, onscroll, onsearch, onseeked, onseeking, onselect, onselectionchange, onselectstart, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvisibilitychange, onvolumechange, onwaiting, onwebkitfullscreenchange, onwebkitfullscreenerror, onwheel, open, origin, plugins, pointerLockElement, preferredStylesheetSet, prepend, queryCommandEnabled, queryCommandIndeterm, queryCommandState, queryCommandSupported, queryCommandValue, querySelector, querySelectorAll, readyState, referrer, registerElement, rootElement, scripts, scrollingElement, selectedStylesheetSet, styleSheets, title, visibilityState, webkitCancelFullScreen, webkitCurrentFullScreenElement, webkitExitFullscreen, webkitFullscreenElement, webkitFullscreenEnabled, webkitHidden, webkitIsFullScreen, webkitVisibilityState, write, writeln, xmlEncoding, xmlStandalone, xmlVersion]
// Object.getOwnPropertyNames(HTMLDocument.prototype.__proto__.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(HTMLDocument.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(HTMLDocument.prototype.__proto__.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(HTMLDocument.prototype).sort()
["alinkColor", "all", "bgColor", "captureEvents", "clear", "constructor", "fgColor", "linkColor", "releaseEvents", "vlinkColor"]
(Firefox.46):
> Object.getOwnPropertyNames(HTMLDocument.prototype).sort()
["alinkColor", "all", "anchors", "applets", "bgColor", "body", "captureEvents", "clear", "close", "constructor", "cookie", "designMode", "domain", "embeds", "execCommand", "fgColor", "forms", "getElementsByName", "getItems", "getSelection", "head", "images", "linkColor", "links", "open", "plugins", "queryCommandEnabled", "queryCommandIndeterm", "queryCommandState", "queryCommandSupported", "queryCommandValue", "releaseEvents", "scripts", "vlinkColor", "write", "writeln"]
(Edge.20):
> Object.getOwnPropertyNames(HTMLDocument.prototype).sort()
["constructor"]
(Safari.5-1-7):
> Object.getOwnPropertyNames(HTMLDocument.prototype).sort()
["captureEvents", "clear", "close", "hasFocus", "open", "releaseEvents", "write", "writeln"]
description::
Document.prototype
is the-generic-object of any object created with the-Document-constructor-function.
name::
* cpt.Document.prototype-javascriptBrowser,
* cpt.Ljb-Document.prototype,
Whole-chain::
* Document-function,
* window,
Generic-chain::
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(Document.prototype).sort()).join(', '))
[URL, activeElement, adoptNode, anchors, append, applets, body, caretRangeFromPoint, characterSet, charset, childElementCount, children, close, compatMode, constructor, contentType, cookie, createAttribute, createAttributeNS, createCDATASection, createComment, createDocumentFragment, createElement, createElementNS, createEvent, createExpression, createNSResolver, createNodeIterator, createProcessingInstruction, createRange, createTextNode, createTreeWalker, currentScript, defaultView, designMode, dir, doctype, documentElement, documentURI, domain, elementFromPoint, elementsFromPoint, embeds, evaluate, execCommand, exitPointerLock, firstElementChild, fonts, forms, getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, getElementsByTagNameNS, getSelection, hasFocus, head, hidden, images, implementation, importNode, inputEncoding, lastElementChild, lastModified, links, onabort, onauxclick, onbeforecopy, onbeforecut, onbeforepaste, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncopy, oncuechange, oncut, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, ongotpointercapture, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onlostpointercapture, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpaste, onpause, onplay, onplaying, onpointercancel, onpointerdown, onpointerenter, onpointerleave, onpointerlockchange, onpointerlockerror, onpointermove, onpointerout, onpointerover, onpointerup, onprogress, onratechange, onreadystatechange, onreset, onresize, onscroll, onsearch, onseeked, onseeking, onselect, onselectionchange, onselectstart, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvisibilitychange, onvolumechange, onwaiting, onwebkitfullscreenchange, onwebkitfullscreenerror, onwheel, open, origin, plugins, pointerLockElement, preferredStylesheetSet, prepend, queryCommandEnabled, queryCommandIndeterm, queryCommandState, queryCommandSupported, queryCommandValue, querySelector, querySelectorAll, readyState, referrer, registerElement, rootElement, scripts, scrollingElement, selectedStylesheetSet, styleSheets, title, visibilityState, webkitCancelFullScreen, webkitCurrentFullScreenElement, webkitExitFullscreen, webkitFullscreenElement, webkitFullscreenEnabled, webkitHidden, webkitIsFullScreen, webkitVisibilityState, write, writeln, xmlEncoding, xmlStandalone, xmlVersion]
// Object.getOwnPropertyNames(Document.prototype.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(Document.prototype.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(Document.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(Document.prototype).sort()
["URL", "activeElement", "adoptNode", "anchors", "applets", "body", "caretRangeFromPoint", "characterSet", "charset", "childElementCount", "children", "close", "compatMode", "constructor", "contentType", "cookie", "createAttribute", "createAttributeNS", "createCDATASection", "createComment", "createDocumentFragment", "createElement", "createElementNS", "createEvent", "createExpression", "createNSResolver", "createNodeIterator", "createProcessingInstruction", "createRange", "createTextNode", "createTreeWalker", "currentScript", "defaultView", "designMode", "dir", "doctype", "documentElement", "documentURI", "domain", "elementFromPoint", "elementsFromPoint", "embeds", "evaluate", "execCommand", "exitPointerLock", "firstElementChild", "fonts", "forms", "getElementById", "getElementsByClassName", "getElementsByName", "getElementsByTagName", "getElementsByTagNameNS", "getSelection", "hasFocus", "head", "hidden", "images", "implementation", "importNode", "inputEncoding", "lastElementChild", "lastModified", "links", "onabort", "onautocomplete", "onautocompleteerror", "onbeforecopy", "onbeforecut", "onbeforepaste", "onblur", "oncancel", "oncanplay", "oncanplaythrough", "onchange", "onclick", "onclose", "oncontextmenu", "oncopy", "oncuechange", "oncut", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel", "onpaste", "onpause", "onplay", "onplaying", "onpointerlockchange", "onpointerlockerror", "onprogress", "onratechange", "onreadystatechange", "onreset", "onresize", "onscroll", "onsearch", "onseeked", "onseeking", "onselect", "onselectionchange", "onselectstart", "onshow", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "ontoggle", "onvolumechange", "onwaiting", "onwebkitfullscreenchange", "onwebkitfullscreenerror", "onwheel", "open", "origin", "plugins", "pointerLockElement", "preferredStylesheetSet", "queryCommandEnabled", "queryCommandIndeterm", "queryCommandState", "queryCommandSupported", "queryCommandValue", "querySelector", "querySelectorAll", "readyState", "referrer", "registerElement", "rootElement", "scripts", "scrollingElement", "selectedStylesheetSet", "styleSheets", "title", "visibilityState", "webkitCancelFullScreen", "webkitCurrentFullScreenElement", "webkitExitFullscreen", "webkitFullscreenElement", "webkitFullscreenEnabled", "webkitHidden", "webkitIsFullScreen", "webkitVisibilityState", "write", "writeln", "xmlEncoding", "xmlStandalone", "xmlVersion"]
(Firefox.46):
> Object.getOwnPropertyNames(Document.prototype).sort()
["URL", "activeElement", "adoptNode", "caretPositionFromPoint", "characterSet", "charset", "childElementCount", "children", "compatMode", "constructor", "contentType", "createAttribute", "createAttributeNS", "createCDATASection", "createComment", "createDocumentFragment", "createElement", "createElementNS", "createEvent", "createExpression", "createNSResolver", "createNodeIterator", "createProcessingInstruction", "createRange", "createTextNode", "createTreeWalker", "currentScript", "defaultView", "dir", "doctype", "documentElement", "documentURI", "elementFromPoint", "elementsFromPoint", "enableStyleSheetsForSet", "evaluate", "firstElementChild", "fonts", "getElementById", "getElementsByClassName", "getElementsByTagName", "getElementsByTagNameNS", "hasFocus", "hidden", "implementation", "importNode", "inputEncoding", "lastElementChild", "lastModified", "lastStyleSheetSet", "mozCancelFullScreen", "mozExitPointerLock", "mozFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozHidden", "mozPointerLockElement", "mozSetImageElement", "mozVisibilityState", "onabort", "onafterscriptexecute", "onbeforescriptexecute", "onblur", "oncanplay", "oncanplaythrough", "onchange", "onclick", "oncontextmenu", "oncopy", "oncut", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmozfullscreenchange", "onmozfullscreenerror", "onmozpointerlockchange", "onmozpointerlockerror", "onpaste", "onpause", "onplay", "onplaying", "onprogress", "onratechange", "onreadystatechange", "onreset", "onresize", "onscroll", "onseeked", "onseeking", "onselect", "onshow", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "onvolumechange", "onwaiting", "onwheel", "preferredStyleSheetSet", "querySelector", "querySelectorAll", "readyState", "referrer", "releaseCapture", "selectedStyleSheetSet", "styleSheetSets", "styleSheets", "title", "visibilityState"]
(Edge.20):
> Object.getOwnPropertyNames(Document.prototype).sort()
[190 members]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Document.prototype).sort()
["adoptNode", "caretRangeFromPoint", "createAttribute", "createAttributeNS", "createCDATASection", "createComment", "createDocumentFragment", "createElement", "createElementNS", "createEntityReference", "createEvent", "createExpression", "createNSResolver", "createNodeIterator", "createProcessingInstruction", "createRange", "createTextNode", "createTreeWalker", "elementFromPoint", "evaluate", "execCommand", "getCSSCanvasContext", "getElementById", "getElementsByClassName", "getElementsByName", "getElementsByTagName", "getElementsByTagNameNS", "getOverrideStyle", "getSelection", "importNode", "queryCommandEnabled", "queryCommandIndeterm", "queryCommandState", "queryCommandSupported", "queryCommandValue", "querySelector", "querySelectorAll", "webkitCancelFullScreen"]
description::
Node.prototype
is the-generic-object of any oNode
objectof Node
constructor-function.
name::
* cpt.Node.prototype-javascriptBrowser,
* cpt.Ljb-Node.prototype,
Whole-chain::
* Node-function,
* window,
Generic-chain::
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(Node.prototype).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(Node.prototype.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(Node.prototype.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(Node.prototype).sort()
["ATTRIBUTE_NODE", "CDATA_SECTION_NODE", "COMMENT_NODE", "DOCUMENT_FRAGMENT_NODE", "DOCUMENT_NODE", "DOCUMENT_POSITION_CONTAINED_BY", "DOCUMENT_POSITION_CONTAINS", "DOCUMENT_POSITION_DISCONNECTED", "DOCUMENT_POSITION_FOLLOWING", "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC", "DOCUMENT_POSITION_PRECEDING", "DOCUMENT_TYPE_NODE", "ELEMENT_NODE", "ENTITY_NODE", "ENTITY_REFERENCE_NODE", "NOTATION_NODE", "PROCESSING_INSTRUCTION_NODE", "TEXT_NODE", "appendChild", "baseURI", "childNodes", "cloneNode", "compareDocumentPosition", "constructor", "contains", "firstChild", "hasChildNodes", "insertBefore", "isDefaultNamespace", "isEqualNode", "isSameNode", "lastChild", "lookupNamespaceURI", "lookupPrefix", "nextSibling", "nodeName", "nodeType", "nodeValue", "normalize", "ownerDocument", "parentElement", "parentNode", "previousSibling", "removeChild", "replaceChild", "textContent"]
(Firefox.46):
> Object.getOwnPropertyNames(Node.prototype).sort()
["ATTRIBUTE_NODE", "CDATA_SECTION_NODE", "COMMENT_NODE", "DOCUMENT_FRAGMENT_NODE", "DOCUMENT_NODE", "DOCUMENT_POSITION_CONTAINED_BY", "DOCUMENT_POSITION_CONTAINS", "DOCUMENT_POSITION_DISCONNECTED", "DOCUMENT_POSITION_FOLLOWING", "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC", "DOCUMENT_POSITION_PRECEDING", "DOCUMENT_TYPE_NODE", "ELEMENT_NODE", "ENTITY_NODE", "ENTITY_REFERENCE_NODE", "NOTATION_NODE", "PROCESSING_INSTRUCTION_NODE", "TEXT_NODE", "appendChild", "baseURI", "childNodes", "cloneNode", "compareDocumentPosition", "constructor", "contains", "firstChild", "hasChildNodes", "insertBefore", "isDefaultNamespace", "isEqualNode", "lastChild", "localName", "lookupNamespaceURI", "lookupPrefix", "namespaceURI", "nextSibling", "nodeName", "nodeType", "nodeValue", "normalize", "ownerDocument", "parentElement", "parentNode", "prefix", "previousSibling", "removeChild", "replaceChild", "textContent"]
(Edge.20):
> Object.getOwnPropertyNames(Node.prototype).sort()
[51 members]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Node.prototype).sort()
["adoptNode", "caretRangeFromPoint", "createAttribute", "createAttributeNS", "createCDATASection", "createComment", "createDocumentFragment", "createElement", "createElementNS", "createEntityReference", "createEvent", "createExpression", "createNSResolver", "createNodeIterator", "createProcessingInstruction", "createRange", "createTextNode", "createTreeWalker", "elementFromPoint", "evaluate", "execCommand", "getCSSCanvasContext", "getElementById", "getElementsByClassName", "getElementsByName", "getElementsByTagName", "getElementsByTagNameNS", "getOverrideStyle", "getSelection", "importNode", "queryCommandEnabled", "queryCommandIndeterm", "queryCommandState", "queryCommandSupported", "queryCommandValue", "querySelector", "querySelectorAll", "webkitCancelFullScreen"]
Specific::
* Attr.prototype,
* CharacterData.prototype,
* Document.prototype,
* DocumentFragment.prototype,
* DocumentType.prototype,
* Element.prototype,
description::
Attr.prototype
is the-generic-object of oAttr
[1] objectof Attr
constructor, which[1] represents HML-attributes.
name::
* cpt.Attr.prototype,
* cpt.Ljb-Attr.prototype,
Whole-chain::
* Attr-function,
* window,
Generic-chain::
* Node.prototype, (Attr.prototype.__proto__ === Node.prototype //true
)
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(Attr.prototype).sort()).join(', '))
[constructor, localName, name, namespaceURI, ownerElement, prefix, specified, value]
// Object.getOwnPropertyNames(Attr.prototype.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(Attr.prototype.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(Attr.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(Attr.prototype).sort()
["constructor", "localName", "name", "namespaceURI", "nodeValue", "ownerElement", "prefix", "specified", "textContent", "value"]
(Firefox.46):
> Object.getOwnPropertyNames(Attr.prototype).sort()
["constructor", "localName", "name", "namespaceURI", "ownerElement", "prefix", "specified", "value"]
(Edge.20):
> Object.getOwnPropertyNames(Attr.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Attr.prototype).sort()
[]
description::
CharacterData.prototype
is the-generic-object of Comment.prototype
and Text.prototype
.
name::
* cpt.CharacterData.prototype-javascriptBrowser,
* cpt.Ljb-CharacterData.prototype,
Whole-chain::
* CharacterData-function,
* window,
Generic-chain::
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
(Chrome.50):
> Object.getOwnPropertyNames(CharacterData.prototype).sort()
["appendData", "constructor", "data", "deleteData", "insertData", "length", "nextElementSibling", "previousElementSibling", "remove", "replaceData", "substringData"]
(Firefox.46):
> Object.getOwnPropertyNames(CharacterData.prototype).sort()
["appendData", "constructor", "data", "deleteData", "insertData", "length", "nextElementSibling", "previousElementSibling", "remove", "replaceData", "substringData"]
(Edge.20):
> Object.getOwnPropertyNames(CharacterData.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(CharacterData.prototype).sort()
[]
description::
DocumentFragment.prototype
is the-generic-object of oDocumentFragment
[1] objectof DocumentFragment
constructor, which[1] represents a PART of an-HML-document.
Using oDocumentFragments instead of the whole HML-document (document
) increases processing speed.
name::
* cpt.DocumentFragment.prototype-javascriptBrowser,
* cpt.Ljb-DocumentFragment.prototype,
Whole-chain::
* DocumentFragment-function,
* window,
Generic-chain::
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(DocumentFragment.prototype).sort()).join(', '))
[append, childElementCount, children, constructor, firstElementChild, getElementById, lastElementChild, prepend, querySelector, querySelectorAll]
// Object.getOwnPropertyNames(DocumentFragment.prototype.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(DocumentFragment.prototype.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(DocumentFragment.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(DocumentFragment.prototype).sort()
["childElementCount", "children", "constructor", "firstElementChild", "getElementById", "lastElementChild", "querySelector", "querySelectorAll"]
(Firefox.46):
> Object.getOwnPropertyNames(DocumentFragment.prototype).sort()
["childElementCount", "children", "constructor", "firstElementChild", "getElementById", "lastElementChild", "querySelector", "querySelectorAll"]
(Edge.20):
> Object.getOwnPropertyNames(DocumentFragment.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(DocumentFragment.prototype).sort()
[]
description::
DocumentType.prototype
is the-generic-object of oDocumentType
[1] objectof DocumentType
constructor, which[1] represents a-doctype HML-element.
name::
* cpt.DocumentType.prototype-javascriptBrowser,
* cpt.Ljb-DocumentType.prototype,
Whole-chain::
* DocumentType-function,
* window,
Generic-chain::
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(DocumentType.prototype).sort()).join(', '))
[after, before, constructor, name, publicId, remove, replaceWith, systemId]
// Object.getOwnPropertyNames(DocumentType.prototype.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(DocumentType.prototype.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(DocumentType.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(DocumentType.prototype).sort()
["constructor", "name", "publicId", "remove", "systemId"]
(Firefox.46):
> Object.getOwnPropertyNames(DocumentType.prototype).sort()
["constructor", "name", "publicId", "remove", "systemId"]
(Edge.20):
> Object.getOwnPropertyNames(DocumentType.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(DocumentType.prototype).sort()
[]
description::
Element.prototype
[1] is the-generic-object of HTMLElement.prototype
.
It[1] contains important members for the-objects that represent HML-elements.
name::
* cpt.Element.prototype-javascriptBrowser,
* cpt.Ljb-Element.prototype,
Whole-chain::
* Element-function,
* window,
Generic-chain::
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(Element.prototype).sort()).join(', '))
[after, animate, append, assignedSlot, attachShadow, attributes, before, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, constructor, createShadowRoot, firstElementChild, getAttribute, getAttributeNS, getAttributeNames, getAttributeNode, getAttributeNodeNS, getBoundingClientRect, getClientRects, getDestinationInsertionPoints, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, namespaceURI, nextElementSibling, onbeforecopy, onbeforecut, onbeforepaste, oncopy, oncut, onpaste, onsearch, onselectstart, onwebkitfullscreenchange, onwebkitfullscreenerror, outerHTML, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNS, removeAttributeNode, replaceWith, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNS, setAttributeNode, setAttributeNodeNS, setPointerCapture, shadowRoot, slot, tagName, webkitMatchesSelector, webkitRequestFullScreen, webkitRequestFullscreen]
// Object.getOwnPropertyNames(Element.prototype.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(Element.prototype.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(Element.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(Element.prototype).sort()
["animate", "attributes", "childElementCount", "children", "classList", "className", "clientHeight", "clientLeft", "clientTop", "clientWidth", "closest", "constructor", "createShadowRoot", "firstElementChild", "getAttribute", "getAttributeNS", "getAttributeNode", "getAttributeNodeNS", "getBoundingClientRect", "getClientRects", "getDestinationInsertionPoints", "getElementsByClassName", "getElementsByTagName", "getElementsByTagNameNS", "hasAttribute", "hasAttributeNS", "hasAttributes", "id", "innerHTML", "insertAdjacentElement", "insertAdjacentHTML", "insertAdjacentText", "lastElementChild", "localName", "matches", "namespaceURI", "nextElementSibling", "onbeforecopy", "onbeforecut", "onbeforepaste", "oncopy", "oncut", "onpaste", "onsearch", "onselectstart", "onwebkitfullscreenchange", "onwebkitfullscreenerror", "onwheel", "outerHTML", "prefix", "previousElementSibling", "querySelector", "querySelectorAll", "remove", "removeAttribute", "removeAttributeNS", "removeAttributeNode", "requestPointerLock", "scrollHeight", "scrollIntoView", "scrollIntoViewIfNeeded", "scrollLeft", "scrollTop", "scrollWidth", "setAttribute", "setAttributeNS", "setAttributeNode", "setAttributeNodeNS", "shadowRoot", "tagName", "webkitMatchesSelector", "webkitRequestFullScreen", "webkitRequestFullscreen"]
(Firefox.46):
> Object.getOwnPropertyNames(Element.prototype).sort()
["attributes", "childElementCount", "children", "classList", "className", "clientHeight", "clientLeft", "clientTop", "clientWidth", "closest", "constructor", "firstElementChild", "getAttribute", "getAttributeNS", "getAttributeNames", "getAttributeNode", "getAttributeNodeNS", "getBoundingClientRect", "getClientRects", "getElementsByClassName", "getElementsByTagName", "getElementsByTagNameNS", "hasAttribute", "hasAttributeNS", "hasAttributes", "id", "innerHTML", "insertAdjacentHTML", "lastElementChild", "matches", "mozMatchesSelector", "mozRequestFullScreen", "mozRequestPointerLock", "nextElementSibling", "onwheel", "outerHTML", "previousElementSibling", "querySelector", "querySelectorAll", "releaseCapture", "remove", "removeAttribute", "removeAttributeNS", "removeAttributeNode", "scroll", "scrollBy", "scrollHeight", "scrollIntoView", "scrollLeft", "scrollLeftMax", "scrollTo", "scrollTop", "scrollTopMax", "scrollWidth", "setAttribute", "setAttributeNS", "setAttributeNode", "setAttributeNodeNS", "setCapture", "tagName", "webkitMatchesSelector"]
(Edge.20):
> Object.getOwnPropertyNames(Element.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(Element.prototype).sort()
[]
Specific::
* HTMLElement.prototype,
description::
HTMLElement.prototype
[1] is the-generic-object of the-objects that represent HML-elements.
name::
* cpt.HTMLElement.prototype.javascriptBrowser,
* cpt.Ljb-HTMLElement.prototype,
Whole-chain::
* HTMLElement-function,
* window,
Generic-chain::
* Element.prototype,
* Node.prototype,
* EventTarget.prototype,
* Object.prototype,
Member:
// Chrome.61 Object.getOwnPropertyNames(HTMLElement.prototype).sort()).join(', '))
[accessKey, blur, click, constructor, contentEditable, dataset, dir, draggable, focus, hidden, innerText, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, onabort, onauxclick, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, ongotpointercapture, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onlostpointercapture, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onpointercancel, onpointerdown, onpointerenter, onpointerleave, onpointermove, onpointerout, onpointerover, onpointerup, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting, onwheel, outerText, spellcheck, style, tabIndex, title, translate]
// Object.getOwnPropertyNames(HTMLElement.prototype.__proto__).sort()).join(', '))
[after, animate, append, assignedSlot, attachShadow, attributes, before, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, constructor, createShadowRoot, firstElementChild, getAttribute, getAttributeNS, getAttributeNames, getAttributeNode, getAttributeNodeNS, getBoundingClientRect, getClientRects, getDestinationInsertionPoints, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, namespaceURI, nextElementSibling, onbeforecopy, onbeforecut, onbeforepaste, oncopy, oncut, onpaste, onsearch, onselectstart, onwebkitfullscreenchange, onwebkitfullscreenerror, outerHTML, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNS, removeAttributeNode, replaceWith, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNS, setAttributeNode, setAttributeNodeNS, setPointerCapture, shadowRoot, slot, tagName, webkitMatchesSelector, webkitRequestFullScreen, webkitRequestFullscreen]
// Object.getOwnPropertyNames(HTMLElement.prototype.__proto__.__proto__).sort()).join(', '))
[ATTRIBUTE_NODE, CDATA_SECTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, DOCUMENT_NODE, DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, DOCUMENT_POSITION_PRECEDING, DOCUMENT_TYPE_NODE, ELEMENT_NODE, ENTITY_NODE, ENTITY_REFERENCE_NODE, NOTATION_NODE, PROCESSING_INSTRUCTION_NODE, TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, constructor, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent]
// Object.getOwnPropertyNames(HTMLElement.prototype.__proto__.__proto__.__proto__).sort()).join(', '))
[addEventListener, constructor, dispatchEvent, removeEventListener]
// Object.getOwnPropertyNames(HTMLElement.prototype.__proto__.__proto__.__proto__.__proto__).sort()).join(', '))
[__defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, __proto__, constructor, hasOwnProperty, isPrototypeOf, propertyIsEnumerable, toLocaleString, toString, valueOf]
===
(Chrome.50):
> Object.getOwnPropertyNames(HTMLElement.prototype).sort()
["accessKey", "blur", "click", "constructor", "contentEditable", "dataset", "dir", "draggable", "focus", "hidden", "innerText", "isContentEditable", "lang", "offsetHeight", "offsetLeft", "offsetParent", "offsetTop", "offsetWidth", "onabort", "onautocomplete", "onautocompleteerror", "onblur", "oncancel", "oncanplay", "oncanplaythrough", "onchange", "onclick", "onclose", "oncontextmenu", "oncuechange", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel", "onpause", "onplay", "onplaying", "onprogress", "onratechange", "onreset", "onresize", "onscroll", "onseeked", "onseeking", "onselect", "onshow", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "ontoggle", "onvolumechange", "onwaiting", "outerText", "spellcheck", "style", "tabIndex", "title", "translate", "webkitdropzone"]
(Firefox.46):
> Object.getOwnPropertyNames(HTMLElement.prototype).sort()
["accessKey", "accessKeyLabel", "blur", "click", "constructor", "contentEditable", "contextMenu", "dataset", "dir", "draggable", "focus", "hidden", "innerText", "isContentEditable", "itemId", "itemProp", "itemRef", "itemScope", "itemType", "itemValue", "lang", "offsetHeight", "offsetLeft", "offsetParent", "offsetTop", "offsetWidth", "onabort", "onblur", "oncanplay", "oncanplaythrough", "onchange", "onclick", "oncontextmenu", "oncopy", "oncut", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmozfullscreenchange", "onmozfullscreenerror", "onmozpointerlockchange", "onmozpointerlockerror", "onpaste", "onpause", "onplay", "onplaying", "onprogress", "onratechange", "onreset", "onresize", "onscroll", "onseeked", "onseeking", "onselect", "onshow", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "onvolumechange", "onwaiting", "properties", "spellcheck", "style", "tabIndex", "title"]
(Edge.20):
> Object.getOwnPropertyNames(Element.prototype).sort()
[]
(Safari.5-1-7):
> Object.getOwnPropertyNames(HTMLElement.prototype).sort()
[]
Specific::
* HTMLAnchorElement.prototype,
** oHTMLAnchorElement,
* HTMLAreaElement.prototype,
** oHTMLAreaElement,
* HTMLAudioElement.prototype,
** oHTMLAudioElement,
* HTMLBRElement.prototype,
** oHTMLBRElement,
* HTMLBaseElement.prototype,
** oHTMLBaseElement,
* HTMLBodyElement.prototype,
** oHTMLBodyElement,
* HTMLButtonElement.prototype,
** oHTMLButtonElement,
* HTMLCanvasElement.prototype,
** oHTMLCanvasElement,
* HTMLContentElement.prototype,
** oHTMLContentElement,
* HTMLDListElement.prototype,
** oHTMLDListElement,
* HTMLDataListElement.prototype,
** oHTMLDataListElement,
* HTMLDetailsElement.prototype,
** oHTMLDetailsElement,
* HTMLDialogElement.prototype,
** oHTMLDialogElement,
* HTMLDirectoryElement.prototype,
** oHTMLDirectoryElement,
* HTMLDivElement.prototype,
** oHTMLDivElement,
* HTMLEmbedElement.prototype,
** oHTMLEmbedElement,
* HTMLFieldSetElement.prototype,
** oHTMLFieldSetElement,
* HTMLFontElement.prototype,
** oHTMLFontElement,
* HTMLFormElement.prototype,
** oHTMLFormElement,
* HTMLFrameElement.prototype,
** oHTMLFrameElement,
* HTMLFrameSetElement.prototype,
** oHTMLFrameSetElement,
* HTMLHRElement.prototype,
** oHTMLHRElement,
* HTMLHeadElement.prototype,
** oHTMLHeadElement,
* HTMLHeadingElement.prototype,
** oHTMLHeadingElement,
* HTMLHtmlElement.prototype,
** oHTMLHtmlElement,
* HTMLIFrameElement.prototype,
** oHTMLIFrameElement,
* HTMLImageElement.prototype,
** oHTMLImageElement,
* HTMLInputElement.prototype,
** oHTMLInputElement,
* HTMLKeygenElement.prototype,
** oHTMLKeygenElement,
* HTMLLIElement.prototype,
** oHTMLLIElement,
* HTMLLabelElement.prototype,
** oHTMLLabelElement,
* HTMLLegendElement.prototype,
** oHTMLLegendElement,
* HTMLLinkElement.prototype,
** oHTMLLinkElement,
* HTMLMapElement.prototype,
** oHTMLMapElement,
* HTMLMarqueeElement.prototype,
** oHTMLMarqueeElement,
* HTMLMediaElement.prototype,
** oHTMLMediaElement,
* HTMLMenuElement.prototype,
** oHTMLMenuElement,
* HTMLMetaElement.prototype,
** oHTMLMetaElement,
* HTMLMeterElement.prototype,
** oHTMLMeterElement,
* HTMLModElement.prototype,
** oHTMLModElement,
* HTMLOListElement.prototype,
** oHTMLOListElement,
* HTMLObjectElement.prototype,
** oHTMLObjectElement,
* HTMLOptGroupElement.prototype,
** oHTMLOptGroupElement,
* HTMLOptionElement.prototype,
** oHTMLOptionElement,
* HTMLOptionsCollection.prototype,
** oHTMLOptionsCollection,
* HTMLOutputElement.prototype,
** oHTMLOutputElement,
* HTMLParagraphElement.prototype,
** oHTMLParagraphElement,
* HTMLParamElement.prototype,
** oHTMLParamElement,
* HTMLPictureElement.prototype,
** oHTMLPictureElement,
* HTMLPreElement.prototype,
** oHTMLPreElement,
* HTMLProgressElement.prototype,
** oHTMLProgressElement,
* HTMLQuoteElement.prototype,
** oHTMLQuoteElement,
* HTMLScriptElement.prototype,
** oHTMLScriptElement,
* HTMLSelectElement.prototype,
** oHTMLSelectElement,
* HTMLShadowElement.prototype,
** oHTMLShadowElement,
* HTMLSourceElement.prototype,
** oHTMLSourceElement,
* HTMLSpanElement.prototype,
** oHTMLSpanElement,
* HTMLStyleElement.prototype,
** oHTMLStyleElement,
* HTMLTableCaptionElement.prototype,
** oHTMLTableCaptionElement,
* HTMLTableCellElement.prototype,
** oHTMLTableCellElement,
* HTMLTableColElement.prototype,
** oHTMLTableColElement,
* HTMLTableElement.prototype,
** oHTMLTableElement,
* HTMLTableRowElement.prototype,
** oHTMLTableRowElement,
* HTMLTableSectionElement.prototype,
** oHTMLTableSectionElement,
* HTMLTemplateElement.prototype,
** oHTMLTemplateElement,
* HTMLTextAreaElement.prototype,
** oHTMLTextAreaElement,
* HTMLTitleElement.prototype,
** oHTMLTitleElement,
* HTMLTrackElement.prototype,
** oHTMLTrackElement,
* HTMLUListElement.prototype,
** oHTMLUListElement,
* HTMLUnknownElement.prototype,
** oHTMLUnknownElement,
* HTMLVideoElement.prototype,
** oHTMLVideoElement,
description::
Communication between the-browser (client) and a-server.
name::
* cpt.Ljb'server-communication,
* cpt.Ljb-algo.server-communication,
* cpt.Ljb-server-communication,
addressWpg::
* {2013-10-29} Using CORS: https://www.html5rocks.com/en/tutorials/cors/,
description::
· the-Fetch-API provides an-interface for fetching resources (including across the-network).
· it will-seem familiar to anyone who has-used XMLHttpRequest, but the new API provides a more powerful and flexible feature set.
[https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API]
name::
* cpt.Ljb'fetch-Api,
* cpt.Ljb-Api'fetch,
addressWpg::
* https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API,
* examples: https://github.com/mdn/fetch-examples/,
description::
fetch(url) // the-url you want to access
.then(function() {
// code for handling the-response object
})
.catch(function() {
// code for handling server-errors
});
description::
· the-object of this function is what we get from a-fetch-function.
name::
* cpt.Ljb'Response-function,
member-of-object::
>Object.getOwnPropertyNames(Response.prototype).sort()
(16) ["arrayBuffer", "blob", "body", "bodyUsed", "clone", "constructor", "formData", "headers", "json", "ok", "redirected", "status", "statusText", "text", "type", "url"]
addressWpg::
* https://developer.mozilla.org/en-US/docs/Web/API/Response,
description::
Use XMLHttpRequest objects to interact with servers. You can retrieve data from a URL without having to do a full page refresh. This enables a Web page to update just part of a page without disrupting what the user is doing. XMLHttpRequest is used heavily in AJAX programming.
History
XMLHttpRequest was originally designed by Microsoft and adopted by Mozilla, Apple, and Google. It's now being standardized at the WHATWG. Despite its name, XMLHttpRequest can be used to retrieve any type of data, not just XML, and it supports protocols other than HTTP (including file and ftp).
[https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest]
name::
* cpt.Ljb'XMLHttpRequest-function,
* cpt.XMLHttpRequest-constructor-of-Ljb,
example::
oXHR = new XMLHttpRequest();
oXHR.open('GET', sUrl, true);
oXHR.send(null);
oXHR.onreadystatechange = function () {
if (oXHR.readyState === 4 && oXHR.status === 200) { //DONE, OK
//work on oXHR.responseText
}
}
Generic::
* Ljs-evaluation,
Simplicity:
Its code is-created FROM only 11 semantic-units.
Whole-Part-management (modules):
Ljb lacks a-mechanism of organizing its semantic-units into parts.
Like the 'prototype-inheritance' mechanism which manages the generic-specific relations, we need and a-mechanism to manage the whole-part relations.
Today, all its-constructs loaded from js-files reside, in a-mess, inside the-most-whole-object (global).
Now we can-create collections only with objects and arrays.
ECMAScript.6.2015 spec added this mechanism, but it is not implemented by the-browsers.
description::
There is no single technical specification that defines JavaScript, but a whole bunch of specifications.
The ECMAScript specification defines the core of the language: the basic language features, the syntax, the execution and the standard library. A new version of ECMAScript is published every year, and ECMAScript 2017, Edition 8, also called ECMAScript 8, is the latest at the time of writing.
With ECMAScript alone, you cannot do anything useful. For example, there is no way to read or output any data. ECMAScript does not define the so-called host environment in which a program is executed. It allows several possible host environments. An HTML document in the browser is one possible host environment. Node.js is another popular one.
The host environment we are interested in here is primarily defined in the HTML specification. It not only defines HTML as a markup language, it also defines how JavaScript is executed in the context of an HTML document. It defines how JavaScript can access and alter the document. For this purpose, it relies on yet another specification: the Document Object Model (DOM).
The HTML and DOM specifications define the main objects that client-side JavaScript is dealing with: nodes, elements and events. Fundamental objects include window, window.alert(), document, document.body, document.getElementById() and document.createElement().
There are a lot of other specifications that add more APIs to the browser’s JavaScript environment. The web platform: Browser technologies gives an overview.
[https://molily.de/robust-javascript/#javascript-standards]
Generic::
* Ljs-tool,
Resource:
* Chrome DevTools,
* Firebug,
description::
· browser is the-program that displays webpages (understands HTML and CSS code) and executes Ljb code.
===
· with hundreds of components running on different layers, from process-management and security-sandboxing to GPU-pipelines, audio and video, and many more, the-web-browser looks more like an-operating-system rather than just a-software-application.
[https://blog.sessionstack.com/how-javascript-works-inside-the-networking-layer-how-to-optimize-its-performance-and-security-f71b7414d34c]
name::
* cpt.browser,
* cpt.Ljb-browser,
* cpt.Ljb-web-browser,
* cpt.program.browser,
* cpt.program.web-browser,
* cpt.web-browser,
description::
· layout-engine is the-component of the-browser-program that reads and displays the-Html and Css code of a-webpage.
name::
* cpt.browser'graphical-engine,
* cpt.browser'layout-engine,
* cpt.browser'rendering-engine,
* cpt.browser-layout-engine,
* cpt.browser-rendering-engine,
* cpt.layout-engine-of-browser,
* cpt.rendering-engine-of-browser,
Specific::
* Blink (Chrome >28, Opera >15)
* EdgeHTML (Edge),
* Gecko (Firefox),
* WebKit (Safari),
description::
Ljb-engine is the-component of the-browser-program that reads and executes the-code.
===
Writing client-side JavaScript for the web differs from programming for other platforms. There is not one well-defined runtime environment a developer may count on. There is not one hardware architecture or device type. There is not a single vendor that defines and builds the runtime, the compiler and the tools.
The web is an open, vendor-independent, heterogenous publishing platform. It is held together by several technical standards of different quality. New standards appear frequently, old standards are amended or deprecated. Different standardization organizations follow different rules of procedure.
[https://molily.de/robust-javascript/#the-browser-as-a-runtime-environment]
name::
* cpt.browser'javascript-engine,
* cpt.Ljb'engine,
* cpt.Ljb-engine,
* cpt.Ljb-implementation,
* cpt.Ljb-interpreter,
Generic::
* Ljs-binary-code,
Specific::
* SpiderMondey (Firefox),
* V8 (Chrome),
description::
Webpage is an-HML-document, plus all other files needed, such as images, video, CSS, Ljb, etc.
Browsers display webpages.
name::
* cpt.web-page,
* cpt.webpage,
Part::
* HML-code,
* CSS-code,
* Ljb-code,
* media-files,
Specific::
* Google-Chrome,
* Microsoft-Edge,
* Mozilla-Firefox,
* Safari,
* Opera,
===
* Desktop-browser,
* Mobile-browser,
Generic::
* Ljs-testing-tool,
name::
* cpt.Ljb-testing-tool,
* cpt.Ljb-tool.testing,
Resource:
* https://saucelabs.com/, Accelerate your software development and bring your great ideas to market faster with the world's largest automated testing cloud for web and mobile apps.
AddressWpg::
* How JavaScript Works: https://blog.sessionstack.com/tagged/tutorial,
* https://caniuse.com/: "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors.
=== Book:
* Robust Client-Side JavaScript: A Developer’s Guide: https://molily.de/robust-javascript/,
Generic-chain::
* javascript-programing-language,
* programing-language,
* computer-language,
* mapping-method,
* method,
* info,
* model,
* entity,
This page was visited times since {2016.05.04}
page-wholepath: synagonism.net / Mcs-worldview / Javascript / Browser-js
SEARCH THE-PAGE:
This page uses 'locator-names', names that when you find them, you find the-LOCATION of the-concept they denote.
Type CTRL+F "cpt.[ljs|ljb|ljn]words-of-concept's-name", to go to the-LOCATION of the-concept.
There are about 400 sub-concepts in this concept (ebook) with 1,400 names and 14,000 lines of hitp-document.
Webpage-Versions:
• version.dynamic: FilMcsLjb.Last.html,
• version.5-0-0.2017-11-26.last: FilMcsLjb.5-0-0.2017-11-26.html,
• version.4.2017-07-11: filMcsLjb.4.2017-07-11.html,
• version.3.2016-08-22 (2-4): filMcsLjs.3.2016-08-22.html,
• version.2.2016-08-04.ljs-ljn (1-33): filCptLjs.2.2016-08-04.html,
• version.1-21.2016-05-26: lngJs.1-21.2016-05-26.html,
• version.1-17.2016-05-23: lngJs.1-17.2016-05-23.html,
• version.1-11.2016-05-18: lngJs.1-11.2016-05-18.html,
• version.1.2016-05-10.ljb.created: lngJs.1.2016-05-10.html,