Question

我已经从Laravel检索数据，但是鉴于我希望javascript单击文本时获取url。例如，当我在第一行中单击 clickme 时，我将获得 / download = 1 。最好的方法是什么？

<a href="/download=1"><i class="fa fa-download"></i>Clickme</a><br>
<a href="/download=2"><i class="fa fa-download"></i>Clickme</a><br>

Answer 1

最好的方法是使用触发<a></a>标签的onClick的函数。

示例：

<a href="/download=1" onclick="getUrl(this); return false;"><i class="fa fa-download"></i>Clickme</a><br>

然后，您可以使用Javascript执行以下操作：

function getUrl(e) {
   var href = e.getAttribute("href");
   console.log(href);
}

有关有效的示例，请参见this JSFiddle。

Answer 2

尝试一下

 <script>
jQuery(function($){
    $('a').click(function(event){
        if($(this).text()=='Clickme'){
          event.preventDefault();
          alert($(this).attr('href'));
        }
    });
});
</script>

Answer 3

您可以通过向每个锚标记添加一个通用类来实现。像下面一样

HTML

<a href="/download=1" class="get-url-link"><i class="fa fa-download"></i>Clickme</a><br>

jQuery

$(document).ready(function(){
  $(".get-url-link").click(function(){
    var url = $(this).attr('action');
    alert(url);
  });
});

希望它会有所帮助。如果您遇到任何问题，请告诉我。编码愉快：）

Answer 4

HTML元素（或锚元素）创建到其他网页，文件，同一页面内的位置，电子邮件地址或任何其他URL的超链接。 -documentation

也就是说，我认为您应该创建另一个HTML元素来保存URL，为此，您应该使用数据属性来保存url。 -- documentation

这是我上面所说的一个虚拟例子。

document.getElementById('url1').addEventListener('click', function () {
  console.log(this.dataset.url)
});

<div id="url1" data-url="/download=1">Click me </div>

Answer 5

尝试

rsyslog

单击时从链接获取Javascript数据URL

5 个答案: