以下是一个示例代码，用于演示如何使用JavaScript在同一页面上设置和获取多个cookie：

设置cookie：

function setCookie(name, value, days) {
  var expires = "";
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

setCookie("cookie1", "value1", 7);
setCookie("cookie2", "value2", 7);

获取cookie：

function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}

var cookie1Value = getCookie("cookie1");
var cookie2Value = getCookie("cookie2");

注意：这只是一个示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。例如，可以添加更多的参数（例如域名）来设置和获取特定的cookie，还可以添加其他函数来删除cookie等。