在頁面加載時在文本字段中插入當前網址

Question

我希望我的網址在頁面加載時顯示在文本字段中。 我試過，但沒有奏效：

function getUrl() { 
 
    var url = document.URL; 
 
    document.getElementById("textfield").value = url; 
 
}

<input type="text" name="textfield" id="textfield" readonly="true" onload="getUrl()" value="">

Answer 1

The onload attribute will not work on an input element。相反，您可以在窗口上設置偵聽器，以監視頁面何時「加載」。當它被加載，調用該函數：

function getUrl() { 
 
    var url = document.URL; 
 
    document.getElementById("textfield").value = url; 
 
} 
 

 
window.addEventListener('load', getUrl);

<input type="text" name="textfield" id="textfield" readonly="true" value="">