尝试将Cookie应用于我的URL更改按钮功能

时间:2019-03-21 01:53:59

标签: jquery html cookies href attr

因此,我正在使用JQuery和Cookies来处理html中的图像,但是我坚持将cookie应用于我的按钮以更改href onclick。

$(document).ready(function frank(){
$("button").click(function (){
    $("#frank1").attr("href", "link");
});

1 个答案:

答案 0 :(得分:0)

包含jquery.cookie.min.js并按如下所示设置cookie

var link = 'https://www.google.com/'
$("button").click(function() {
  $("#frank1").attr("href", link);
  $.cookie("cookieName", $("#frank1").attr("href"));
  alert($.cookie("cookieName"));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<a id='frank1' href='#' target='_blank'>Link</a>
<button>Set Cookie</button>

脚本未在堆栈溢出的代码段上运行,因为:

  

无法在“文档”上设置“ cookie”属性:该文档为   沙盒,并且没有“ allow-same-origin”标志。

But you can see; this is working on jsfiddle.