Home Web Front-end JS Tutorial Detailed explanation of Windows objects course in JS

Detailed explanation of Windows objects course in JS

May 17, 2018 am 11:10 AM
javascript windows explain

Detailed explanation of the Windows object course in JS

1. Description: It is the largest object in JS. It describes a browser window. Generally When you want to reference his properties and methods , you do not need to use the form "Window.XXX", but use "XXX" directly. A frame page is also a window.

2. The Window object has the following properties.

1.name The name of the window, consisting of the connection that opened it () or the frame page () or Determined by the open() method (see below) called by a certain window. Generally we will not use this attribute.

2.status refers to the content displayed in the "status bar" at the bottom of the window. By assigning a value to status, the display of the status bar can be changed.

3.opener Usage: window.opener; Returns the window object that opens this window. Note: What is returned is a window object. If the window is not opened by another window, this property returns null in Netscape and "undefined" in IE. undefined is equal to null to some extent. Note: undefined is not a JavaScript constant. If you try to use "undefined", it will really return "undefined".
4.self refers to the window itself, and the object it returns is exactly the same as the window object. The most commonly used is "self.close()", placed in the tag: "Close window".
5.parent returns the frame page object to which the window belongs.

6.top returns the frame page object occupying the top of the entire browser window.

3. The Window object has the following methods.

1.open(String>, , );

Description:

: Describes which web page the opened window opens. If left blank (''), no web page will be opened.
: Describes the name of the opened window (window.name). You can use built-in names such as '_top' and '_blank'. The name here is the same as the "target" attribute in "".
: Describes the appearance of the opened window. If you only need to open a normal window, leave the string blank (''). If you want to specify the appearance, write one or more parameters in the string, separated by commas.
Example: Open a 400 x 100 clean window: open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories= no,status=no, scrollbars=yes,resizable=yes')
Parameters of open()

top=# The number of pixels the top of the window leaves the top of the screen
left=# The left end of the window leaves the screen The number of pixels at the left end
width=# The width of the window
height=# The height of the window
menubar=... Whether the window has a menu, the value is yes or no
toolbar=... The window has There is no toolbar, the value is yes or no
location=... Whether the window has an address bar, the value is yes or no
directories=... Whether the window has a connection area, the value is yes or no
scrollbars=... Whether the window has scroll bars, the value is yes or no
status=... Whether the window has a status bar, the value is yes or no
resizable=... Whether the window will be resized, The value is yes or no
Note: The open() method has a return value, and what is returned is the window object it opens. For example,

var newWindow = open('','_blank');

Assign a new window to the "newWindow" variable, and then you can control the window through the "newWindow" variable. .
close() Close an open window.

blur() causes the focus to move away from the window and the window becomes an "inactive window".
focus() causes the window to gain focus and become the "active window". However, in Windows 98, this method can only make the window's title bar and the corresponding button on the taskbar flash, prompting the user that the window is trying to gain focus.
scrollTo() Usage: [.]scrollTo(x, y); Scroll the window so that the document scrolls from the (x, y) point counting from the upper left corner to the upper left corner of the window.
scrollBy() Usage: [.]scrollBy(deltaX, deltaY); Make the window scroll right by deltaX pixels and scroll down by deltaY pixels. A negative value scrolls in the opposite direction.
resizeTo() Usage: [.]resizeTo(width, height); causes the window to be resized to width pixels and height pixels.
resizeBy() Usage: [.]resizeBy(deltaWidth, deltaHeight); Make the window resize, increase the width by deltaWidth pixels, and increase the height by deltaHeight pixels. If it takes a negative value, it decreases.
alert() Usage: alert(); Pops up a dialog box containing only the "OK" button, displaying the content of . Reading of the entire document and running of the Script will Pause until user presses OK.
confirm() Usage: confirm(); pops up a dialog box containing "OK" and "Cancel" buttons, displays the content of , and requires the user to make a choice. Reading of documents and running of scripts will be suspended. Returns a true value if the user pressed OK and a false value if Cancel was pressed.
prompt() Usage: prompt([, ]); Pops up a dialog box containing "Confirm", "Cancel" and a text box, displaying is specified, the text box will have a default value.
4. The Window object has the following events:
window.onload; occurs when all documents are downloaded. All downloads have been completed, which means that not only the HTML files, but also all included images, plug-ins, controls, applets, etc. have been downloaded. This event is a window event, but when specifying the
event handler program in HTML, we write it in the tag.
window.onunload; occurs when the user exits the document (or closes the window, or goes to another page). Like onload, if you want to write it in HTML, write it in the tag.

window.onresize;Occurs when the window is resized.
window.onblur;Occurs when the window loses focus.
window.onfocus;Occurs when the window gets focus.
window.onerror; occurs when an error occurs. Its event handler is usually called "Error HandlingProgram" (Error Handler), which is used to handle errors. As mentioned above, to ignore all errors, just use:

function ignoreError() {
  return true;
}
window.onerror = ignoreError;
Copy after login

The above is a course on Windows objects in JS that I compiled for you. I hope it will be helpful to you in the future.

Related articles:

Introduce in detail the methods of several types of event handlers in js

Key answers to the dynamics Load the JS script and explain it in one sentence

Traversing the values ​​​​in the EL expression List collection in javascript

The above is the detailed content of Detailed explanation of Windows objects course in JS. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Can I install mysql on Windows 7 Can I install mysql on Windows 7 Apr 08, 2025 pm 03:21 PM

Yes, MySQL can be installed on Windows 7, and although Microsoft has stopped supporting Windows 7, MySQL is still compatible with it. However, the following points should be noted during the installation process: Download the MySQL installer for Windows. Select the appropriate version of MySQL (community or enterprise). Select the appropriate installation directory and character set during the installation process. Set the root user password and keep it properly. Connect to the database for testing. Note the compatibility and security issues on Windows 7, and it is recommended to upgrade to a supported operating system.

Four ways to implement multithreading in C language Four ways to implement multithreading in C language Apr 03, 2025 pm 03:00 PM

Multithreading in the language can greatly improve program efficiency. There are four main ways to implement multithreading in C language: Create independent processes: Create multiple independently running processes, each process has its own memory space. Pseudo-multithreading: Create multiple execution streams in a process that share the same memory space and execute alternately. Multi-threaded library: Use multi-threaded libraries such as pthreads to create and manage threads, providing rich thread operation functions. Coroutine: A lightweight multi-threaded implementation that divides tasks into small subtasks and executes them in turn.

How to speed up the loading speed of PS? How to speed up the loading speed of PS? Apr 06, 2025 pm 06:27 PM

Solving the problem of slow Photoshop startup requires a multi-pronged approach, including: upgrading hardware (memory, solid-state drive, CPU); uninstalling outdated or incompatible plug-ins; cleaning up system garbage and excessive background programs regularly; closing irrelevant programs with caution; avoiding opening a large number of files during startup.

How to efficiently read Windows system logs and get only information from the last few days? How to efficiently read Windows system logs and get only information from the last few days? Apr 01, 2025 pm 11:21 PM

Efficient reading of Windows system logs: Reversely traverse Evtx files When using Python to process Windows system log files (.evtx), direct reading will be from the earliest...

c What are the differences between the three implementation methods of multithreading c What are the differences between the three implementation methods of multithreading Apr 03, 2025 pm 03:03 PM

Multithreading is an important technology in computer programming and is used to improve program execution efficiency. In the C language, there are many ways to implement multithreading, including thread libraries, POSIX threads, and Windows API.

How to distinguish between closing a browser tab and closing the entire browser using JavaScript? How to distinguish between closing a browser tab and closing the entire browser using JavaScript? Apr 04, 2025 pm 10:21 PM

How to distinguish between closing tabs and closing entire browser using JavaScript on your browser? During the daily use of the browser, users may...

How to monitor system performance through Debian logs How to monitor system performance through Debian logs Apr 02, 2025 am 08:00 AM

Mastering Debian system log monitoring is the key to efficient operation and maintenance. It can help you understand the system's operating conditions in a timely manner, quickly locate faults, and optimize system performance. This article will introduce several commonly used monitoring methods and tools. Monitoring system resources with the sysstat toolkit The sysstat toolkit provides a series of powerful command line tools for collecting, analyzing and reporting various system resource metrics, including CPU load, memory usage, disk I/O, network throughput, etc. The main tools include: sar: a comprehensive system resource statistics tool, covering CPU, memory, disk, network, etc. iostat: disk and CPU statistics. mpstat: Statistics of multi-core CPUs. pidsta

See all articles