在页面加载时在文本字段中插入当前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="">