README

基于 https://gist.github.com/BlackScorp/d7390fead02103c9ab4ea174a8a9b9c0
感谢BlackScorp :-)

此JavaScript自2002年以来可用于显示符合隐私指令的Cookie横幅。

用法

只需在HTML文档的body标签内添加 `<cookie-banner></cookie-banner> html标签，并将 `cookie-banner.js` 包含进来；

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Web Component - Cookie Banner</title>
</head>
<body>

<cookie-banner></cookie-banner>
<script>
  /** Optional Settings */
  const cookieBannerOptions = {
    title             : 'This is the Project Title',
    text              : 'This is the special Text',
    additionalCookies : ['Statistics', 'Marketing', 'Foo', 'Bar']
  };
</script>
<script defer src="js/cookie-banner.js"></script>
</body>
</html>

可选设置

在将 `cookie-banner.js` 包含到文档中之前，可以设置以下选项。

参见之前的 `用法` 示例。

名称	类型	默认值	描述
`title `\| String \|` `接受Cookies``	用作横幅标题
`text `\| String \|` `Cookies总是使用``	用作横幅文本，即描述
`requiredName `\| Boolean \|` `Required` `\| 使用“必需”cookie（如果没有设置其他cookie，此值将始终为true``)
`additionalCookies `\| Array \|` `[]``	包含额外cookie的名称（如果为空，则始终显示“必需”cookie）
`acceptAllText `\| String \|` `接受全部``	“接受全部”按钮的文本
`acceptSelectedText `\| String \|` `接受所选``	“接受所选”按钮的文本
`additionalStyles `\| String \|` `''``	额外样式

johnsear / cookie-banner

维护者

详细信息

README

用法

可选设置