找到 598 篇文章 適用於前端指令碼

當拖動元素位於目標元素上方時,JavaScript 中會發生什麼事件?

Paul Richard
更新於 2020-06-23 08:14:21

335 次瀏覽

當拖動的元素位於放置目標上方時,ondragover 事件會觸發。示例您可以嘗試執行以下程式碼來了解如何在 JavaScript 中實現 ondragover 事件 -即時演示                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }   ... 閱讀更多

瀏覽器物件模型 (BOM) 在 JavaScript 中的作用是什麼?

karthikeya Boyini
更新於 2020-06-23 08:04:18

2K+ 次瀏覽

JavaScript 中的瀏覽器物件模型 (BOM) 包括 JavaScript 與 Web 瀏覽器互動的屬性和方法。BOM 為您提供了視窗物件,例如,顯示視窗的寬度和高度。它還包括 window.screen 物件以顯示螢幕的寬度和高度。示例您可以嘗試執行以下程式碼來了解如何獲取螢幕高度和寬度 -即時演示                    document.write("螢幕寬度: " + screen.width);          document.write("螢幕寬度: " + screen.width);          

如何在 JavaScript 中獲取當前頁面的 Internet 主機埠號?

Shubham Vora
更新於 2022-10-12 08:28:46

470 次瀏覽

在本教程中,我們將學習如何在 JavaScript 中獲取當前頁面的 Internet 主機埠號。埠號是協議的 16 位唯一 ID。埠號範圍為 0-65535。埠號用於伺服器查詢程序。共有 65535 個埠號,每個埠號都與其身份相關聯。因此,讓我們看看如何在 JavaScript 中獲取當前頁面的埠號。以下是可以獲取 Internet 主機埠號的方法 - 使用 location.port 屬性 使用 URL ... 閱讀更多

當拖動的元素被放下時,JavaScript 中會發生什麼事件?

Swarali Sree
更新於 2020-06-23 08:05:55

110 次瀏覽

當拖動的元素被放置在目標上時,ondrop 事件會觸發。您可以嘗試執行以下程式碼來了解如何在 JavaScript 中實現 ondrop 事件 -示例即時演示                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          } ... 閱讀更多

window.history 物件在 JavaScript 中的作用是什麼?

Paul Richard
更新於 2020-06-23 08:00:51

164 次瀏覽

window.history 物件用於返回或轉到 Web 瀏覽器的下一頁。它包含瀏覽器的歷史記錄,並附帶以下兩種方法 -history.back - 轉到上一個 URLhistory.next - 轉到下一個 URL示例您可以嘗試執行以下程式碼來了解如何在 JavaScript 中使用 window.history 物件 -即時演示                    function backPage() {             window.history.back()          }          function nextPage() {             window.history.next()          }                      

如何使用 Meta 標籤重定向 HTML 頁面?

Paul Richard
更新於 2020-01-13 06:26:03

13K+ 次瀏覽

頁面重定向是指您單擊 URL 以訪問頁面 X,但內部卻將您重定向到另一個頁面 Y 的情況。這是由於頁面重定向導致的。使用 META 標籤重定向您的網站非常簡單。使用此方法,使用 http-equiv 屬性為 content 屬性的值提供 HTTP 標頭。以下是將當前頁面在 2 秒後重定向到另一個頁面的示例。如果要立即重定向頁面,則不要指定 content 屬性。示例即時演示           HTML Meta 標籤                     這是演示文字。    

如何使用 HTML5 Geolocation 查詢位置?

Sharon Christine
更新於 2020-01-10 11:15:32

194 次瀏覽

HTML5 Geolocation API 允許您與您喜歡的網站共享您的位置。JavaScript 可以捕獲您的經緯度併發送到後端 Web 伺服器,並執行諸如查詢本地企業或在地圖上顯示您的位置等精細的位置感知操作。地理位置 API 與全域性 navigator 物件的新屬性即 Geolocation 物件一起使用。getCurrentPosition 方法檢索裝置的當前地理位置。位置表示為一組地理座標,以及有關航向和速度的資訊。位置資訊將返回到 Position 物件。示例您可以嘗試執行 ... 閱讀更多

如何為網頁新增背景音樂?

Vikyath Ram
更新於 2023-09-13 15:40:09

34K+ 次瀏覽

要在網頁上新增背景音樂,請使用 … 元素。此外,請使用 autoplay 屬性。這將在頁面載入時在後臺執行音樂。以隱藏播放器的方式設定寬度和高度。loop 屬性用於指定音訊是否會重新開始。將音樂檔案新增到伺服器並在 src 屬性中提及連結。示例您可以嘗試執行以下程式碼以將背景音樂新增到您的網頁:即時演示           HTML 背景音樂             ... 閱讀更多

如何在 HTML5 SVG 中繪製五角星?

Govinda Sai
更新於 2021-12-16 09:34:31

7K+ 次瀏覽

SVG 代表可縮放向量圖形,它是一種使用 XML 描述二維圖形和圖形應用程式的語言,然後由 SVG 檢視器呈現 XML。大多數 Web 瀏覽器都可以像顯示 PNG、GIF 和 JPG 一樣顯示 SVG。要在 HTML SVG 中繪製多邊形,請使用 SVG 元素。該元素建立至少包含三條邊的圖形。要在 HTML5 SVG 中繪製五角星,您需要為每個角正確設定 x 和 y 座標。示例您可以嘗試執行以下程式碼來了解如何繪製 ... 閱讀更多

如何在網頁中使用 .svg 檔案?

Swarali Sree
更新於 2020-06-26 06:33:18

610 次瀏覽

svg 檔案是可縮放向量圖形。您可以使用 、 、 或 標籤將其新增到網頁中。.svg 檔案將在 標籤的 src 屬性中引用。讓我們看看如何使用 標籤新增它。您可以嘗試執行以下程式碼來了解如何在網頁中使用 .svg 檔案。我們有一個 smiley.svg 檔案 -           HTML SVG               設計          

廣告

© . All rights reserved.