本文介绍了使用四种不同技术手段来获取网页中链接被点击时的URL地址：一是利用jQuery简化DOM操作；二是采用现代浏览器的querySelectorAll结合Array.prototype.forEach遍历所有链接；三是传统JavaScript循环遍历获取；四是重复第三种方法以示例说明。
//方式一
<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>
//方式二
<script type="text/javascript">
var links = document.querySelectorAll('a')
Array.prototype.forEach.call(links, function (link) {
link.addEventListener('click', function () {
console.log("当前URL为1:", this.href)
})
})
</script>
//方式三
<script type="text/javascript">
var test = document.getElementsByTagName('a');
for (var i = 0; i < test.length; i++) {
test[i].onclick = function() {
console.log("当前URL为2:",this.href);
}
}
</script>
//方式四
<script type="text/javascript">
var test = document.getElementsByTagName('a');
for (var i = 0; i < test.length; i++) {
test[i].onclick = function() {
console.log("当前URL为2:",this.href);
}
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
