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

Question

所以我正在使用JQuery和Cookies在html中创建一个图像库，但我仍然坚持在我的按钮上应用cookie来改变href onclick。

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

Answer 1

包括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>

脚本不在Stack Overflow的片段上运行，因为：

无法在'文档'上设置'cookie'属性：文档是沙盒的，缺少'allow-same-origin'标志。

But you can see; this is working on jsfiddle.