点击a获取href值方式

点击<a>获取href值方式一:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
//获取当前点击的对象
$('a').click(
    function() {
        console.log("当前URL为:", $(this).attr('href'));
    }
);
</script>
点击<a>获取href值方式二:
<script type="text/javascript">
var links = document.querySelectorAll('a')
Array.prototype.forEach.call(links, function (link) {
    link.addEventListener('click', function () {
        console.log("当前URL为:", this.href)
    })
})
</script>
点击<a>获取href值方式三:
<script type="text/javascript">
var test = document.getElementsByTagName('a');
for (var i = 0; i < test.length; i++) {
    test[i].onclick = function() {
        console.log("当前URL为:",this.href);
    }
}
</script>
点击<a>获取href值方式四:
<script type="text/javascript">
var test = document.getElementsByTagName('a');
for (var i = 0; i < test.length; i++) {
    test[i].onclick = function() {
        console.log("当前URL为:",this.href);
    }
}
</script>

本文原创地址:https://www.ecshopok.com/article-861.html
版权所有 © 转载时必须以链接形式注明出处!

觉得本文对您有用,想收藏下来!方法很简单:请点击-〉
我们一直坚持白天工作、晚上熬夜更新资源,付出了巨大的精力和时间,其中的辛酸难以言述。

文章评论

暂无评论,来发表一个吧

发表 取消
充值有惊喜 ECSHOP插件网微信客服edait_cn