JavaScript Window對象

一、BOM(瀏覽器對象模型)

window對象是一個全局對象,也可以說是JavaScript中的頂級對象。

像document、alert()、console.log()這些都是window的屬性,基本BOM的屬性和方法都是window的。

所有通過var定義在全局作用域中的變量、函數都會變成window對象的屬性和方法。

window對象下的屬性和方法調用的時候可以省略window。


二、定時器 - 延時函數

JS中內置的一個用來讓代碼延遲執行的函數,叫setTimeout。

setTimeout僅僅只執行一次,所以可以理解為就是把一段代碼延遲執行,平時省略window。

清除延時函數:

例子:5秒鐘之后廣告自動消失


三、JS執行機制

JavaScript 語言的一大特點就是單線程,也就是說,同一個時間只能做一件事。

這是因為Javascript 這門腳本語言誕生的使命所致。javaScript 是為處理頁面中用戶的交互,以及操作DOM 而誕生的。比如我們對某個 DOM 元素進行添加和刪除操作,不能同時進行。應該先進行添加,之后再刪除。

單線程就意味著,所有任務需要排隊,前一個任務結束,才會執行后一個任務。這樣所導致的問題是: 如果 JS?執行的時間過長,這樣就會造成頁面的渲染不連貫,導致頁面渲染加載阻塞的感覺。

1、先執行執行棧中的同步任務。

2、異步任務放入任務隊列中。

3、一旦執行棧中的所有同步任務執行完畢,系統就會按次序讀取任務隊列中的異步任務,于是被讀取的異步任務結束等待狀態,進入執行棧,開始執行。

由于主線程不斷的重復獲得任務、執行任務、再獲取任務、再執行,所以這種機制被稱為事件循環(event loop)。


四、location對象

location的數據類型是對象,它拆分并保存了URL地址的各個組成部分。

常用屬性和方法:
herf屬性獲取完整的URL地址,對其賦值時用于地址的跳轉。

例子:5秒鐘后自動跳轉頁面

search屬性獲取地址中攜帶的參數,網址的符號?后面部分。

hash屬性獲取地址中的哈希值,網址的符號#后面的部分

reload方法用來刷新當前頁面,傳入參數true時表示強制刷新。


五、navigator對象

navigator的數據類型是對象,該對象下記錄了瀏覽器自身的相關信息。

常用屬性和方法:

通過userAgent檢測瀏覽器的版本及平臺


六、history對象

history的數據類型是對象,主要管理歷史記錄,該對象與瀏覽器地址欄的操作相對應,如前進、后退、歷史記錄等。

常用屬性和方法:

history對象一般在實際開發中比較少用,但是會在一些OA辦公系統中見到。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/14297.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/14297.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/14297.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

GitLab的原理及應用詳解(四)

本系列文章簡介: 隨著軟件開發的不斷進步和發展,版本控制系統成為了現代軟件開發過程中不可或缺的一部分。而GitLab作為其中一種流行的版本控制工具,在軟件開發領域享有廣泛的應用。GitLab不僅提供了強大的版本控制功能,還集成了項…

四川古力科技抖音小店,創新科技點亮購物新體驗

在這個數字化浪潮洶涌的時代,四川古力科技以其前瞻性的戰略眼光和創新能力,閃耀于抖音小店這片電商新藍海,開啟了未來購物的新紀元。作為一家集技術研發、產品創新、市場營銷于一體的科技型企業,古力科技不僅為消費者帶來了前所未…

idea中顯示git的Local Changes

1. 第一打開idea中的Settings文件 2. 找到Version Contro中的commint 3. 取消勾選應用即可 4. 本地提交就會顯示出來

ruoyi出現的那些bug

1、 npm install --registryhttps://registry.npm.taobao.org/element-ui request to https://registry.npm.taobao.org/element-ui failed, reason: certificate has expired 路徑錯誤 ? npm install https://registry.npmmirror.com 2、自定義模塊401 {"msg"…

Google Earth Engine(GEE)深度學習入門教程-Python數據讀入篇

Python數據讀入篇 前置條件: GEE預處理影像導出保存為tfrecord的數據包,并下載到本地tensorflow的深度學習環境 本篇文章的目的主要是把Tfrecord格式的數據加載為tf可使用的數據集格式 設定超參數 首先需要設定導出時的波段名稱和數據格式&#xff…

Java日期時間差計算-Hutool 多少天多少時多少分多少秒

在Java中,使用Hutool庫來計算兩個日期之間具體相差的天數、小時數、分鐘數和秒數,可以通過一系列步驟實現。這里提供一個示例代碼,演示如何完成這個需求: 首先,確保你的項目中已添加Hutool依賴,如之前所述…

ARTS Week 30

Algorithm 本周的算法題為 747. 至少是其他數字兩倍的最大數 給你一個整數數組 nums ,其中總是存在 唯一的 一個最大整數 。 請你找出數組中的最大元素并檢查它是否 至少是數組中每個其他數字的兩倍 。如果是,則返回 最大元素的下標 ,否則返回…

SpringBoot集成Logback將日志寫入文件夾

一、logback簡介: 目前比較常用的ava日志框架:Logback、log4j、log4j2、JUL等等。 Logback是在log4j的基礎上重新開發的一套日志框架,是完全實現SLF4J接口API(也叫日志門面)。 Logback 的架構非常通用,可以應用于不同的環境。目前logback分為…

LeetCode題練習與總結:從前序與中序遍歷序列構造二叉樹--105

一、題目描述 給定兩個整數數組 preorder 和 inorder ,其中 preorder 是二叉樹的先序遍歷, inorder 是同一棵樹的中序遍歷,請構造二叉樹并返回其根節點。 示例 1: 輸入: preorder [3,9,20,15,7], inorder [9,3,15,20,7] 輸出: [3,9,20,nul…

什么是經典藍牙模塊?

什么是經典藍牙模塊?   前面我們已經就藍牙模塊的概念做了了解,隨著時間的推移,產品越來越智能,需要的藍牙模塊也就越來越廣泛,本篇文章我們就一起了解下什么是經典藍牙模塊。   經典藍牙模塊(BT)泛指支持藍牙協議…

SwiftUI中的手勢(DragGesture拖拽手勢及Drag動畫組件)

上一篇文章我們了解了如何使用.gesture修飾符和GestureState屬性包裝器,讓我們看看另一種常見的手勢:DragGesture拖拽手勢。 下面先看個效果圖: 這個效果中,我們實現了一個Text文本,并添加了拖拽手勢,可以…

代碼隨想錄算法訓練營第三十八天| 435. 無重疊區間 、763.劃分字母區間、56. 合并區間

435. 無重疊區間 題目鏈接:435. 無重疊區間 文檔講解:代碼隨想錄/無重疊區間 視頻講解:視頻講解-無重疊區間 狀態:已完成(1遍) 解題過程 看到題目的第一想法 這道題我的想法是首先將集合按照start從小到…

看上去好坑的運算符重載

#include <iostream> using namespace std; class MyInt {int nVal; public:MyInt(int n) { nVal n};MyInt & operator-(int n){ //運算符重載-nVal - n;return *this; } operator int() {return nVal;} //類型轉換函數};int Inc(int n){return n1; }int ma…

代碼隨想錄訓練營|一刷總結

代碼隨想錄一刷完成啦&#xff01;&#xff01;&#xff01; 自己曾經嘗試過刷力扣&#xff0c;但是卻不知道從何刷起、按什么順序刷題&#xff0c;直到遇到了卡哥、遇到了代碼隨想錄。研一上有著刷題的決心&#xff0c;但是卻沒有刷題的動力很難堅持下去&#xff0c;所以也就只…

【削水果game】

編寫一個完整的削水果游戲代碼是一個復雜的過程&#xff0c;涉及到游戲引擎的使用和游戲邏輯的編寫。在這里&#xff0c;我可以提供一個非常簡化的版本&#xff0c;使用Python和Pygame庫來創建一個基本的削水果游戲概念。請注意&#xff0c;這只是一個示例&#xff0c;用于展示…

Flutter Text導致A RenderFlex overflowed by xxx pixels on the right.

使用Row用來展示兩個Text的時候頁面出現如下異常,提示"A RenderFlex overflowed by xxx pixels on the right." The following assertion was thrown during layout: A RenderFlex overflowed by 4.8 pixels on the right.The relevant error-causing widget was:…

【仿RabbitMQ消息隊列項目day2】使用muduo庫中基于protobuf的應用層協議進行通信

一.什么是muduo? muduo庫是?個基于非阻塞IO和事件驅動的C高并發TCP網絡編程庫。 簡單來理解&#xff0c;它就是對原生的TCP套接字的封裝&#xff0c;是一個比socket編程接口更好用的編程庫。 二.使用muduo庫完成一個英譯漢翻譯服務 TranslateServer.hpp: #pragma once #in…

MyBatis中Where標簽:揭秘高效SQL構建的秘密

哈嘍&#xff0c;大家好&#xff0c;我是木頭左&#xff01; 理解Where標簽的基礎概念 在MyBatis中&#xff0c;<where>標簽是用于構建SQL查詢語句中的一個非常重要的元素。它允許你在一個動態的SQL語句中添加WHERE子句&#xff0c;而不需要擔心SQL語法錯誤或額外的逗號…

如何利用51建模網,實現3D模型線上展示和應用?

按照下面的步驟&#xff0c;在51建模網上傳3D模型&#xff0c;并編輯完成后&#xff0c;接下來就是如何讓這些3D模型得到更好的展示、傳播和應用。 一、3D內容快速分享與傳播 3D模型在51建模網上傳發布后&#xff0c;即可獲得一個可分享的鏈接和二維碼&#xff0c;直接分享給客…

20240520解決在Ubuntu20.04下編譯RK3588的Android12的SDK出現C2_GIT_BUILD_VERSION未定義的問題

20240520解決在Ubuntu20.04下編譯RK3588的Android12的SDK出現C2_GIT_BUILD_VERSION未定義的問題 2024/5/20 20:19 緣起&#xff1a;通過./repo/repo/repo sync -l得到的SDK正常&#xff0c;但是解壓縮之后的SDK卻出錯了&#xff01; 通過grep很容易發現有三個地方有&#xff0c…