ページの読み込み時にテキストフィールドに現在のURLを挿入

Question

ページが読み込まれるときにURLをテキストフィールドに表示します。 私はこれを試してみましたが、それはうまくいきませんでした：

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="">