onclick 为页面设置 cookie

Onclick Sets a Cookie For a Page

我的网站上有这个按钮,点击它会打开新页面,所以我试图为每个点击它并访问新页面的用户设置一个唯一的 cookie,如果有人试图直接访问新页面通过 url 他们应该看到示例文本并自动重定向到按钮页面。我该怎么做?

<div class="button">
 <a href="/" target="_blank">CLICK HERE TO GET THIS..!</a>
</div>

即使没有任何类型的数据库,您也可以使用网络浏览器内置的本地存储来保存项目。在浏览器中将该应用设置为您的 "new tab" 页面,只要您不清除缓存,待办事项就会保留在您的本地计算机上。

以前,cookie 是记住此类本地临时数据的唯一选择。本地存储具有更高的存储限制(5MB 与 4KB)并且不会随每个 HTTP 请求一起发送,因此它可能是客户端存储的更好选择。

这里是 localStorage 方法的概述。

Method              Description

setItem()       Add key and value to local storage
getItem()       Retrieve a value by the key
removeItem()    Remove an item by key
clear()         Clear all storage

试一试:

localStorage.setItem('key', 'value');

现在,如果您再次在控制台中测试 localStorage,您将找到新的键和值。

Storage {key: "value", length: 1}

有关如何使用 localStorage 的更多信息,您可以找到 Here

HTML:

<div class="button">
     <a href="" onclick="what_i_want()" id="the_button" target="_blank">CLICK HERE TO 
     GET THIS..!</a>
</div>

JS :

<script>
function what_i_want()
{
    var cookie_name=Math.floor(Math.random() * 1000000) + 1;  //random name for example;
    var cookie_value=" any value";  // << you also can get value from function >> what_i_want(par,par2,par,3);
    document.cookie = cookie_name +'='+ cookie_value;
    document.getElementById('the_button').href="TARGET_LOCATION";
}
</script>