javascript - 调用 javascript 函数并点击同一锚标记中的链接

Question

这是否可以在重定向到新页面（在我的示例中为 sample.html）之前调用 javascript 函数（例如，在此处保存 cookies（））。

在导航到新页面之前，我需要保存 cookie。

a href=/dashboard/sample.html onclick="savecookies()"

Answer 1

是的，您可以通过 JQuery 来完成。您可以使用类设置任何锚链接

<a href="#someUrl" class="navigator (other class)" >MyAwesomeLink</a>

然后在 Jquery

  $(".navigator").click(function(e){
     var url = $(this).attr('href').replace('#','');
    /** Save your cookie stuff here **/ 
    window.location.href = "PATH"+url;
    e.preventDefault();
    }

您甚至可以“取消预防”并让 href 没有“#”符号，但我更喜欢这种方式恕我直言，如果您处理它会更好。

Answer 2

使用这样的东西：

$('a').click(function() {
   saveCookie();  // save cookies
   document.location.href = "sample.html";  // forward user to new page

   return false;  // ignore default src of anchor
});

Answer 3

您不需要通过 JS 代码重定向，只需获取链接并将单击函数绑定到它即可执行您的函数，然后返回 true；

$(function(){
    $('a').click(function() {
       //alert('clicked');
       saveCookie();
       return true;
    });
})

Answer 4

创建一个函数并粘贴用于保存 cookie 的代码，然后在函数末尾粘贴导航代码。