为指向某个类的外部链接创建一个确认框，可以使用document.getElementByCLassName

Create an confirm box for external links to a certain class, maybe with document.getElementByCLassName?

本文关键字：确认 一个 可以使 getElementByCLassName document 创建 链接 外部      更新时间：2023-09-26

我是JavaScript的新手，想要一个函数，当你点击一个链接，导致网站外部激活。它应该提醒你即将离开这个页面，并弹出一个对话框，询问"你真的想离开这个网站吗?"，回答选项是"确定"answers"取消"。

我已经设法这样做了(与一个像链接一样工作的img):

HTML:
<a href="http://www.urbanoutfitters.com" 
onClick="return confirm('Do you really want to leave the site?')" 
class="relaterade"> <img src="img5.jpg"/> </a>

我想知道你是否可以做一个函数，所以所有在类"relaterade"得到这个确认框，而不是在每个链接上写这个。也许用document。getelementbyclassname ?我希望所有的JavaScript在一个单独的文档

谢谢!:)

可以通过document.getElementsByClassName获取元素集合。然后必须循环遍历集合并设置onclick事件处理程序

var elements = document.getElementsByClassName('yourclass');
for (var element in elements) {
    elements[element].onclick = function() {
        return confirm('are you sure?');
    }
}

这是我的想法，所以不知道它是否有效。

你可以用jQuery这样的库更容易做到这一点，因为IE <</p>

getElementsByClassName函数失败
相关文章：