JavaScript >> Javascript 文檔 >  >> JavaScript

如何使用 location.reload() 在 JavaScript 中刷新頁面,附示例

這是使用 JavaScript 刷新網頁的簡短指南,並附有示例。

使用 JavaScript 觸發頁面重新加載的方法有 500 多種。除了一個之外,其他都是非官方的,或者是另一種行為的副作用。

以下是正確操作的方法。

使用 location.reload()

只需調用:

location.reload()

...在您的代碼中觸發頁面重新加載的任何地方。就這麼簡單。

window.location.reload() 怎麼樣 ?

你可能會看到一些用處:

window.location.reload()

這與使用 location.reload() 完全相同——窗口 JavaScript 中的對像是全局 上下文,因此在運行時通常不需要顯式指定它location.reload() .

如果由於某種原因,您有另一個名為 location 的變量 並且存在衝突,您可以指定 window.location.reload() 解決這個問題。

查看更多關於作用域 在 JavaScript 中。

onclick 重新加載 屬性或事件

您可以直接從 HTML 元素的 onclick 屬性調用重新加載:

<a href="#" onclick="location.reload()">Reload</a>

更多信息

location.reload() 函數不接受任何參數(過去在某些瀏覽器中可能有,但不再官方支持)。

在此處了解更多信息:

https://developer.mozilla.org/en-US/docs/Web/API/Location/reload


Tutorial JavaScript 教程
  1. 如何使用 JavaScript 比較兩個對象

  2. 帶有 Github Actions 的 .npmrc 生成器

  3. React-native 命令和快捷方式

  4. 每天 1%:學習編碼

  5. 擁有個人網站的重要性

  6. 設計師可以做一些簡單的事情來讓他們的前端開發同事開心

  7. 了解 Nuxt 中的文件夾/文件結構

  1. JavaScript:根據選項文本設置下拉所選項目

  2. 2020 年 Flutter 與 React

  3. 使用 Node.js 和 TransloadIt 構建用戶頭像組件

  4. 按鈕或鏈接 - 選擇哪個?

  5. 100DaysOfCode 第 25 天

  6. 帶有 JavaScript 的簡單搜索欄功能

  7. Firebase 與 Supabase:哪個更好?

  1. 簡化角度變化檢測

  2. 用於 Discord 的 Unsplash 聊天機器人,Pt。 2:更多將圖片帶到 Discord 的方法

  3. 將變量名稱值對動態添加到 JSON 對象

  4. Vanilla Javascript Fetch Refresher