Javascript / JQuery 在页面加载时设置 Cookie

Javascript / JQuery Set Cookie on page load

我希望能在下一期中得到一些指导。

我想在页面加载时设置一个 cookie。 cookie 值应取自 HTML 代码中的 div data-myifo 属性。

我当前的代码如下所示:

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id=someid data-myinfo="yyyyy">Hello World</div>

<script type="text/javascript">
function set_cookie (cookieName,cookieValue,nDays) {
    var today = new Date();
    var expire = new Date();
      if (nDays==null || nDays==0) nDays=1;
      expire.setTime(today.getTime() + 3600000*24*nDays);
      document.cookie = cookieName+"="+escape(cookieValue)
                       + ";expires="+expire.toGMTString() 
                       + "; path=/";
}

function get_atribute () {
    var myinfo = document.getElementsByTagName("div")[0].getAttribute("data-myinfo");
    set_cookie ("My_Cookie", myinfo);
}

$(document).ready(function () {
    get_atribute ();
});
</script>

</body>
</html>

我已经尝试 运行 使用 onclick="get_atribute ()" 的函数 get_atribute () 并且这种方式有效,但在页面加载时或之后无效。

我错过了什么?

这里不用jQuery

只能使用:

(function() {
    get_attribute();
})();