Detailed explanation of Windows objects course in JS
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(
Description:
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: [
scrollBy() Usage: [
resizeTo() Usage: [
resizeBy() Usage: [
alert() Usage: alert(
confirm() Usage: confirm(
prompt() Usage: prompt(
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;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!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1673
14
1428
52
1333
25
1277
29
1257
24
Can vs code run in Windows 8
Apr 15, 2025 pm 07:24 PM
VS Code can run on Windows 8, but the experience may not be great. First make sure the system has been updated to the latest patch, then download the VS Code installation package that matches the system architecture and install it as prompted. After installation, be aware that some extensions may be incompatible with Windows 8 and need to look for alternative extensions or use newer Windows systems in a virtual machine. Install the necessary extensions to check whether they work properly. Although VS Code is feasible on Windows 8, it is recommended to upgrade to a newer Windows system for a better development experience and security.
Which operating systems are supported by Tigervnc in Debian
Apr 12, 2025 pm 10:15 PM
The open source VNC tool Tigervnc is compatible with a wide range of operating systems, including Windows, Linux, and macOS. This article will introduce in detail the application of Tigervnc on the Debian system. Tigervnc is integrated in the application system of Debian system: In the Debian system, Tigervnc is integrated into the system as a VNC server component. Users can start VNC services through command line tools such as vncserver and customize display settings such as resolution and color depth. Cross-platform connection: Tigervnc client supports Windows, Linux, and macOS, which means users can run this from any
How to run sublime after writing the code
Apr 16, 2025 am 08:51 AM
There are six ways to run code in Sublime: through hotkeys, menus, build systems, command lines, set default build systems, and custom build commands, and run individual files/projects by right-clicking on projects/files. The build system availability depends on the installation of Sublime Text.
Recommended system maintenance and optimization tools in Mac system
Apr 12, 2025 pm 04:45 PM
Mac system maintenance includes: disk management (use OmniDiskSweeper to clean disk space, use disk tools to check disk errors) memory management (use Activity Monitor to monitor memory usage, end over-occupying processes) startup item management (use Linc or LaunchControl to manage startup items, disable unnecessary startup items) system cache cleaning (use CleanMyMac X or manually clean system cache) software update (timely update system and applications) regular backup (use Time Machine to backup data regularly) good usage habits (not installing applications excessively, cleaning files regularly, and monitoring system logs)
laravel installation code
Apr 18, 2025 pm 12:30 PM
To install Laravel, follow these steps in sequence: Install Composer (for macOS/Linux and Windows) Install Laravel Installer Create a new project Start Service Access Application (URL: http://127.0.0.1:8000) Set up the database connection (if required)
git software installation
Apr 17, 2025 am 11:57 AM
Installing Git software includes the following steps: Download the installation package and run the installation package to verify the installation configuration Git installation Git Bash (Windows only)
How to solve complex BelongsToThrough relationship problem in Laravel? Use Composer!
Apr 17, 2025 pm 09:54 PM
In Laravel development, dealing with complex model relationships has always been a challenge, especially when it comes to multi-level BelongsToThrough relationships. Recently, I encountered this problem in a project dealing with a multi-level model relationship, where traditional HasManyThrough relationships fail to meet the needs, resulting in data queries becoming complex and inefficient. After some exploration, I found the library staudenmeir/belongs-to-through, which easily installed and solved my troubles through Composer.
vscode cannot install extension
Apr 15, 2025 pm 07:18 PM
The reasons for the installation of VS Code extensions may be: network instability, insufficient permissions, system compatibility issues, VS Code version is too old, antivirus software or firewall interference. By checking network connections, permissions, log files, updating VS Code, disabling security software, and restarting VS Code or computers, you can gradually troubleshoot and resolve issues.
