Detailed explanation of BOM examples
BOM
The Browser Object Model (Browser Object Model) enables JavaScript to "talk" to the browser.
Browser Object Model (Browser Object Model) BOM provides objects that interact with the browser window independently of content. Since BOM is mainly used to manage communication between windows, its core object is window. BOM is composed of a series of related objects, and each object provides many methods and attributes. BOM lacks standards. The standardization organization for javaScript syntax is ECMA, the standardization organization for DOM is W3C.
(1), Window object
All browsers support the window object. It represents the browser window and is the top-level (core) object of the BOM. All objects are extended through her! All JavaScript global objects, functions, and variables are automatically members of the window object. Global variables are properties of the window object. Global functions are methods of the window object. Since the window object is a top-level object, you can specify the window object without displaying it when calling its sub-objects. For example, the following two lines of code are the same:
Document.write("The weather is really nice today"); window. document.write("The weather is really good today");
(2), window time waiting and interval function
Timer: It means that some events will be carried out after a human-set time trigger.
1. One-time timer: only triggered once after the specified delay time. The setTimeout() method receives two parameters. The first parameter is the event to be triggered, and the second parameter is the specified time interval. Syntax: var t=setTimeout("javascript statement", milliseconds) Two ways to call the method:
setTimeout(showTime,1000);
setTimeout("showTime()",1000) ;
2. Interval trigger timer: Triggered every certain time interval. The setInterval() method also receives two parameters. The first parameter is the event to be triggered, and the second parameter is the specified time interval. Syntax: var t=setInterval("javascript statement", milliseconds) Two ways to call the method:
setInterval(showTime,1000);
setInterval("showTime()",1000) ;
Cancel timer: Cancel the interaction time set by the timer.
1. Cancel the one-time timer The clearTimeout(id) method receives an ID value returned by setTimeout(), which identifies the delayed execution code block to be canceled.
2. Cancel the interval trigger timer The clearInterval(id) method receives an ID value returned by setInterval(), which identifies the interval execution code block to be canceled.
(3) Three system dialog boxes
alert(), confirm(), prompt()
1.alert() is used to display a specified message and an alert box with an OK button.
2.confirm() is used to display a dialog box with a specified message and OK and Cancel buttons. Syntax: confirm(message) confirm() returns true if the user clicks the OK button. If the cancel button is clicked, confirm() returns false.
3.prompt() is used to display a dialog box that prompts the user for input. Syntax: prompt(text,defaultText) text optional. Plain text to display in the dialog box. defaultText is optional. Default input text. Returns null if the user clicks the tooltip's cancel button. If the user clicks the confirm button, returns the currently displayed text of the input text box.
Tomorrow we will briefly talk about the sub-objects of window in BOM.
The above is the detailed content of Detailed explanation of BOM examples. 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



Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

There is no absolute salary for Python and JavaScript developers, depending on skills and industry needs. 1. Python may be paid more in data science and machine learning. 2. JavaScript has great demand in front-end and full-stack development, and its salary is also considerable. 3. Influencing factors include experience, geographical location, company size and specific skills.

How to merge array elements with the same ID into one object in JavaScript? When processing data, we often encounter the need to have the same ID...

JavaScript is the cornerstone of modern web development, and its main functions include event-driven programming, dynamic content generation and asynchronous programming. 1) Event-driven programming allows web pages to change dynamically according to user operations. 2) Dynamic content generation allows page content to be adjusted according to conditions. 3) Asynchronous programming ensures that the user interface is not blocked. JavaScript is widely used in web interaction, single-page application and server-side development, greatly improving the flexibility of user experience and cross-platform development.

In-depth discussion of the root causes of the difference in console.log output. This article will analyze the differences in the output results of console.log function in a piece of code and explain the reasons behind it. �...

Discussion on the realization of parallax scrolling and element animation effects in this article will explore how to achieve similar to Shiseido official website (https://www.shiseido.co.jp/sb/wonderland/)...

Once you have mastered the entry-level TypeScript tutorial, you should be able to write your own code in an IDE that supports TypeScript and compile it into JavaScript. This tutorial will dive into various data types in TypeScript. JavaScript has seven data types: Null, Undefined, Boolean, Number, String, Symbol (introduced by ES6) and Object. TypeScript defines more types on this basis, and this tutorial will cover all of them in detail. Null data type Like JavaScript, null in TypeScript

JavaScript can be run in PowerPoint, and can be implemented by calling external JavaScript files or embedding HTML files through VBA. 1. To use VBA to call JavaScript files, you need to enable macros and have VBA programming knowledge. 2. Embed HTML files containing JavaScript, which are simple and easy to use but are subject to security restrictions. Advantages include extended functions and flexibility, while disadvantages involve security, compatibility and complexity. In practice, attention should be paid to security, compatibility, performance and user experience.
