前端知識點---window.location.assign() 和 window.location.href 的區別(javascript)

window.location.assign() 和 window.location.href 的主要區別:

讀取和設置

window.location.href:既可以讀取當前 URL,也可以通過賦值更改 URL。

window.location.assign():只能用于跳轉到新的 URL,不能讀取當前地址。

歷史記錄

window.location.assign():會生成一條新的歷史記錄,用戶可以通過“后退”按鈕返回。

window.location.href:更改 URL 時同樣會生成歷史記錄。

語義區別

window.location.href:常用于直接賦值,更直觀。

window.location.assign():更明確地表示執行跳轉。

示例


// 使用 href 讀取當前地址
console.log(window.location.href);// 使用 href 進行跳轉
window.location.href = 'https://example.com';// 使用 assign 進行跳轉
window.location.assign('https://example.com');

總結:

如果需要讀取 URL 或簡單跳轉,href 更方便;如果只想執行跳轉且強調跳轉行為,assign() 更合適。平常用的window.location.href 更多

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

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

相關文章

OpenCV圖像拼接(3)圖像拼接類cv::detail::MultiBandBlender

操作系統:ubuntu22.04 OpenCV版本:OpenCV4.9 IDE:Visual Studio Code 編程語言:C11 算法描述 cv::detail::MultiBandBlender 是 OpenCV 中用于圖像拼接(stitching)模塊的一個類,主要用于將多張重疊的圖像…

王者榮耀服務器突然崩了

就在剛剛王者榮耀服務器突然崩了 #王者榮耀崩了#的話題毫無預兆地沖上熱搜,許多玩家發現游戲登錄界面反復彈出異常提示,匹配成功后卡在加載界面,甚至出現對局數據丟失的情況。根據官方公告,目前技術團隊已在全力搶修服務器 #王者…

【JavaScript】JavaScript Promises實踐指南

【JavaScript】JavaScript Promises實踐指南 你了解JavaScript中的Promises嗎?這是一個很多人一開始就放棄的主題,但我會盡量讓它變得盡可能簡單。 1. “Promise”到底是什么? “Promise”是異步編程中的一個基本概念,特別是在J…

計算機視覺總結

以下是針對上述問題的詳細解答,并結合代碼示例進行說明: 1. 改進YOLOv5人臉檢測模塊,復雜光照場景準確率從98.2%提升至99.5% 優化具體過程: 光照補償:在數據預處理階段,采用自適應光照補償算法,對圖像進行實時增強,以減少光照變化對人臉檢測的影響。數據增強:在訓練…

ExpTimerApcRoutine函數分析之作用是ActiveTimerListHead里面移除定時器_etimer

第一部分: VOID ExpTimerApcRoutine ( IN PKAPC Apc, IN PKNORMAL_ROUTINE *NormalRoutine, IN PVOID *NormalContext, IN PVOID *SystemArgument1, IN PVOID *SystemArgument2 ) /* Routine Description: This function is the special …

算法分析與設計 專題三

目錄 一、實驗目的 二、實驗內容 三、問題分析與求解 四、AC源代碼、截圖 五、實驗小結 一、實驗目的 1、了解貪心算法的分析過程,學會用貪心算法解決一些具體的問題。 2、了解廣度優先算法和深度優先算法。 二、實驗內容 1992 當然,我們的收藏中…

1688商品詳情接口:深度解析與應用實踐

在電商領域,1688作為中國領先的B2B平臺,擁有海量的商品信息。對于開發者、商家和數據分析師來說,獲取1688商品的詳細信息是實現數據分析、競品研究、自動化管理和精準營銷的重要手段。本文將詳細介紹1688商品詳情接口的使用方法、技術細節以及…

每日算法-250328

記錄今天學習和解決的LeetCode算法題。 92. 反轉鏈表 II 題目 思路 本題要求反轉鏈表中從 left 到 right 位置的節點。我們可以采用 頭插法 的思路來反轉指定區間的鏈表。 具體來說,我們首先定位到 left 位置節點的前一個節點 prev。然后,從 left 位置…

C語言中的位域:節省內存的標志位管理技術

位域(Bit-field) 是 C 語言中的一種特性,允許在結構體(struct)中定義占用特定位數的成員變量。通過位域,可以更精細地控制內存的使用,尤其是在需要存儲多個布爾值或小范圍整數時,可以…

【AI編程學習之Python】第一天:Python的介紹

Python介紹 簡介 Python是一種解釋型、面向對象的語言。由吉多范羅蘇姆(Guido van Rossum)于1989年發明,1991年正式公布。官網:www.python.org Python單詞是"大蟒蛇”的意思。但是龜叔不是喜歡蟒蛇才起這個名字,而是正在追劇:英國電視喜劇片《蒙提派森的飛行馬戲團》(Mo…

【openstack系列】虛擬化技術

OpenStack 是一個開源的云計算管理平臺,它本身并不直接提供虛擬化技術,而是通過集成不同的虛擬化解決方案來管理和編排計算、存儲和網絡資源。OpenStack 的核心優勢在于其靈活性和可擴展性,支持多種虛擬化技術(Hypervisor),使企業可以根據需求選擇合適的底層虛擬化方案。…

保姆級教程:Vue3 + Django + MySQL 前后端聯調(PyCharm+VSCode版)

一、環境準備與驗證 這里為減少篇幅,默認大家都安裝好了這些軟件。不會下載安裝的,教程也很多,這里不再做贅述。話不多說,咱們開始: 1. 安裝驗證 確保已安裝以下軟件并驗證版本: # 驗證Node.js node -v…

Spring Data審計利器:@LastModifiedDate詳解!!!

🕒 Spring Data審計利器:LastModifiedDate詳解🔥 🌟 簡介 在數據驅動的應用中,記錄數據的最后修改時間是常見需求。Spring Data的LastModifiedDate注解讓這一過程自動化成為可能!本篇帶你掌握它的核心用法…

洛谷題單1-P1001 A+B Problem-python-流程圖重構

題目描述 輸入兩個整數 a,b,輸出它們的和(∣a∣,∣b∣≤109)。 輸入格式 兩個以空格分開的整數。 輸出格式 一個整數。 輸入輸出樣例 輸入 20 30輸出 50方式-print class Solution:staticmethoddef oi_input():"""從…

CCF CSP 第33次(2024.03)(2_相似度計算_C++)(字符串中字母大小寫轉換+哈希集合)

CCF CSP 第33次(2024.03)(2_相似度計算_C) 題目背景:題目描述:輸入格式:輸出格式:樣例1輸入:樣例1輸出:樣例1解釋:樣例2輸入:樣例2輸出…

Windows .gitignore文件不生效的情況排查

概述 今天下班在家里搗騰自己的代碼,在配置.gitignore文件忽略部分文件的時候,發現死活不生效 問題根源 經過一通分析和排查才發現,是.gitignore文件的編碼錯了,剛開始還沒注意到,因為是在Windows下開發&#xff0c…

Uniapp自定義TabBar組件全封裝實踐與疑難問題解決方案

前言 在當前公司小程序項目中,我們遇到了一個具有挑戰性的需求:根據不同用戶身份動態展示差異化的底部導航欄(TabBar) 。這種多角色場景下的UI適配需求,在提升用戶體驗和實現精細化運營方面具有重要意義。 在技術調研…

四川省汽車加氣站操作工備考題庫及答案分享

1.按壓力容器的設計壓力分為( )個壓力等級。 A. 三 B. 四 C. 五 D. 六 答案:B。解析:按壓力容器的設計壓力分為低壓、中壓、高壓、超高壓四個壓力等級。 2.緩沖罐的安裝位置在天然氣壓縮機( )。 A. 出口處 …

2025年- G27-Lc101-542. 01 矩陣--java版

1.題目描述 2.思路 總結:用廣度優先搜索,首先要確定0的位置,不為0的位置,我們要更新的它的值,只能往上下左右尋找跟它最近的0的位置。 解題思路 我們用 BFS(廣度優先搜索)求解,因為 …

CANopen基本理論

目錄 一、CANopen簡介 二、OD對象字典 2.1 OD對象字典簡介 2.2 CANopen預定義連接集 三、PDO過程數據對象 四、SDO過程數據對象 五、特殊協議 5.1 同步協議 5.2 時間戳協議 5.3 緊急報文協議 六、NMT網絡管理 6.1 NMT節點狀態 6.2 NMT節點上線報文 6.3 NMT心跳報…