Javascript 如何:确认隐形外部链接的警报
我有一个网站,所有的外部链接都是隐藏的。为了识别这些外部链接,我在域的末尾添加了slug“/go/”。因此,以本网站为例,我们将使用“stackoverflow.com/go/example”,而不是使用“example.com”作为远离stackoverflow.com的href 如何创建jQuery来搜索页面上的每个href,如果其中包含“/go/”,则创建一个弹出窗口,让用户选择留下或离开站点Javascript 如何:确认隐形外部链接的警报,javascript,jquery,Javascript,Jquery,我有一个网站,所有的外部链接都是隐藏的。为了识别这些外部链接,我在域的末尾添加了slug“/go/”。因此,以本网站为例,我们将使用“stackoverflow.com/go/example”,而不是使用“example.com”作为远离stackoverflow.com的href 如何创建jQuery来搜索页面上的每个href,如果其中包含“/go/”,则创建一个弹出窗口,让用户选择留下或离开站点 <script type="text/javascript"> $(document
<script type="text/javascript">
$(document).ready(function() {
$("a").on("click", function() {
if($(this).attr("href").indexOf("page_id") == -1) {
return confirm("Link Disclaimer: Bla bla bla...");
}
});
});
</script>
$(文档).ready(函数(){
$(“a”)。在(“单击”,函数(){
if($(this.attr(“href”).indexOf(“page_id”)==-1){
返回确认(“链接免责声明:blablabla…”);
}
});
});
↑ 此示例将引导您远离该站点。如果域不同,则基于slug匹配它不起作用 我认为它应该足够简单,下面是您的示例:
$(document).ready(function() {
$("a").on("click", function() {
if($(this).attr("href").indexOf('http://example.com/go/') != -1) {
return confirm("Link Disclaimer: Bla bla bla...");
}
});
});
除非我没抓住重点
说明:
单击链接时,如果链接的href包含http://example.com/go/
标题中(即indexOf
不返回-1)显示免责声明
演示
这将显示一个确认框,用于所有
a
标记,其href
属性包含/go/
$("a[href*='/go/']").on("click", function() {
return confirm("Link Disclaimer: Bla bla bla...");
});
虽然这两个都是有效的例子,但我选择这一个是因为它简单。