What are javascript objects?

Javascript objects include: String, Number, Boolean, Array, Date, RegExp, Math, Error, Object, Function, Global, Window and user-defined objects.

The operating environment of this tutorial: Windows 7 system, ECMAScript version 5, Dell G3 computer.

1. JavaScript built-in objects:

refers to the predefined objects of the JavaScript language itself. It is defined in the ECMAScript standard and is provided by all browser manufacturers. Since The standards are unified, so the browser compatibility problem of these objects is not too big

String, Number, Boolean, Array, Date, RegExp, Math, Error, Object, Function, Global

2. JavaScript Window - Browser Object:

The Browser Object Model (BOM) allows JavaScript to talk to the browser.

No official standard exists for the Browser Object Model (BOM). Modern browsers have implemented (almost) the same methods and properties for JavaScript interaction, so it is often mentioned as a method and property of the BOM.

Methods and properties are often considered BOMs since modern browsers have implemented (almost) the same methods and properties for JavaScript interactivity. [Recommended learning: js basic tutorial]

Window object:

All browsers support the window object. It represents the browser window.

1) The window object is the top-level object;

2) The window object has 6 major attributes, including: document, frames, history, location, navigator, and screen. These 6 major attributes The properties themselves are also objects;

3), the document properties under the window object are also objects, and there are also five major properties under the document (anchors, forms, images, links, location) that are also objects.

Window object properties:

Properties	Description
closed	Returns whether the window has been closed.
defaultStatus	Set or return the default text in the window status bar.
document	A read-only reference to the Document object.
history	A read-only reference to the History object.
innerheight	Returns the height of the document display area of ​​the window.
innerwidth	Returns the width of the document display area of ​​the window.
length	Set or return the number of frames in the window.
location	The Location object used for the window or frame.
name	Sets or returns the name of the window.
Navigator	A read-only reference to the Navigator object.
opener	Returns a reference to the window that created this window.
outerheight	Returns the outer height of the window.
pageXOffset	Set or return the X position of the current page relative to the upper left corner of the window display area.
pageYOffset	Set or return the Y position of the current page relative to the upper left corner of the window display area.
parent	Return to the parent window.
Screen	A read-only reference to the Screen object.
self	Returns a reference to the current window. Equivalent to the Window property.
status	Set the text of the window status bar.
top	Return to the topmost ancestor window.
window	The window property is equivalent to the self property, which contains a reference to the window itself.
screenLeft/screenTop/screenX/screenY	Read-only integer. Declares the x-coordinate and y-coordinate of the upper left corner of the window on the screen. IE, Safari, and Opera support screenLeft and screenTop, while Firefox and Safari support screenX and screenY.

Window Object Method

Method	Description
alert()	Display an alert box with a message and a confirm button.
blur()	Removes the keyboard focus from the top-level window.
clearInterval()	Cancel the timeout set by setInterval().
clearTimeout()	Cancel the timeout set by the setTimeout() method.
close()	Close the browser window.
confirm()	Displays a dialog box with a message and confirm and cancel buttons.
createPopup()	Create a pop-up window.
focus()	Give keyboard focus to a window.
moveBy()	can move the window by the specified pixels relative to its current coordinates.
moveTo()	Move the upper left corner of the window to a specified coordinate.
open()	Open a new browser window or find a named window.
print()	Print the contents of the current window.
prompt()	Displays a dialog box that prompts the user for input.
resizeBy()	Resize the window according to the specified pixels.
resizeTo()	Resize the window to the specified width and height.
scrollBy()	Scroll the content according to the specified pixel value.
scrollTo()	Scroll the content to the specified coordinates.
setInterval()	Call a function or calculate an expression according to the specified period (in milliseconds).
setTimeout()	Calls a function or calculated expression after the specified number of milliseconds.

3. JavaScript custom objects:

Through JavaScript, you can define and create your own objects.

There are two different ways to create a new object:

Define and create an instance of the object

Use a function to define the object and then create a new instance of the object

Create a custom object:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网/title>
</head>
<body>
<script>
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue"; 
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>

For more programming-related knowledge, please visit: Programming Video! !

The above is the detailed content of What are javascript objects?. For more information, please follow other related articles on the PHP Chinese website!