<div>是HTML中常用的一個標簽，用來定義一個文檔中的一個區塊或者一個容器。在編寫網頁時，經常會用到<div>來劃分網頁的不同部分，方便進行樣式和布局的設置。除了作為容器的作用外，<div>還可以通過JavaScript等編程語言來操作，實現更加復雜的功能。在本文中，我們將重點介紹如何使用<div>來獲取URL的方法。
在HTML中，每個網頁都有一個對應的URL（Uniform Resource Locator），用來唯一標識這個網頁的地址。通過JavaScript代碼，我們可以在網頁中獲取當前的URL，并對其進行處理和操作。使用<div>來獲取URL的方法有很多，下面我們將介紹其中幾個常用的代碼案例。
第一個案例是使用JavaScript的window.location對象來獲取當前頁面的URL。通過window.location.href屬性，我們可以獲取到完整的URL鏈接。下面的代碼演示了如何使用<div>和JavaScript來獲取URL，并將其顯示在網頁中：

<div id="url"></div>
<br>
<script>
var url = window.location.href;
document.getElementById("url").innerText = url;
</script>

在這段代碼中，我們在HTML中添加了一個<div>元素，并給它指定了一個id為"url"。接著，我們使用JavaScript的window.location.href來獲取到當前頁面的URL，然后通過document.getElementById方法獲取到這個<div>元素，并將URL賦值給它的innerText屬性，從而將URL顯示在網頁中。
第二個案例是使用JavaScript的URL對象來獲取URL的各個部分。URL對象提供了一系列屬性，我們可以通過它們來獲取URL的協議、主機、路徑、查詢參數等信息。下面的代碼演示了如何使用URL對象來獲取URL的各個部分，并將它們顯示在網頁中：

<div id="protocol"></div>
<div id="host"></div>
<div id="path"></div>
<div id="query"></div>
<br>
<script>
var url = new URL(window.location.href);
document.getElementById("protocol").innerText = url.protocol;
document.getElementById("host").innerText = url.host;
document.getElementById("path").innerText = url.pathname;
document.getElementById("query").innerText = url.search;
</script>

在這段代碼中，我們同樣使用<div>來顯示URL的各個部分。，我們創建了一個URL對象，并將當前頁面的URL作為參數傳入。接著，我們通過URL對象的protocol、host、pathname和search屬性，分別獲取到URL的協議、主機、路徑和查詢參數，并將它們顯示在相應的<div>元素中。
除了這兩個案例，還有很多其他的方法可以使用<div>來獲取URL。例如，我們可以通過正則表達式來提取URL中的特定信息，或者通過特定的URL解析庫來解析復雜的URL。無論采用哪種方法，<div>都是一個很重要的工具，幫助我們獲取和處理URL的信息。希望本文對你理解和使用<div>來獲取URL有所幫助！</div>