Question

我正试图从某些链接获取网址。如果我点击谷歌链接，输出应该是google.com，其他链接应该是相同的。但我不知道该怎么做。对不起，我对编程太新了。请帮帮我。谢谢我的代码在这里，请指导我完成这项任务。再次感谢...`

<script>
function get_url() {
    document.getElementById("field1").value = document.getElementById("url").value;
}
</script>

<a onclick="get_url()" target = "_blank" id = "url"  href="http://www.google.com/">Google </a> <br/>
<a onclick="get_url()" target = "_blank" id = "url" href="http://www.facebook.com/">Facebook </a><br/>
<a onclick="get_url()" target = "_blank" id = "url" href="http://www.twitter.com/">Twitter </a><br/>
<a onclick="get_url()" target = "_blank" id = "url" href="http://www.youtube.com/">Youtube </a><br/><br/>

URL : <input type="text" id="field1"><br><br>

<p>Click on the link above to get the URL of the linked document.</p>

Answer 1

你几乎就在那里 - 只有几个问题。

首先，您不能拥有多个具有相同ID的元素。 ID应该是唯一的，但在这种情况下您实际上并不需要它们。相反，我更改了它以将链接传递给get_url()作为参数，然后使用它来获取href值并将其插入文本框。

最后，我在函数中添加了return false;，以便停止实际触发页面更改的链接。

function get_url(link) {
    document.getElementById("field1").value = link.href;
    return false;
}

<a onclick="get_url(this)" target="_blank" href="http://www.google.com/">Google </a> <br/>
<a onclick="get_url(this)" target="_blank" href="http://www.facebook.com/">Facebook </a><br/>
<a onclick="get_url(this)" target="_blank" href="http://www.twitter.com/">Twitter </a><br/>
<a onclick="get_url(this)" target="_blank" href="http://www.youtube.com/">Youtube </a><br/><br/>

URL : <input type="text" id="field1"><br><br>

<p>Click on the link above to get the URL of the linked document.</p>

我想使用JS onclick方法从同一文档中获取url

1 个答案: