添加一条 JavaScript 代码获取 cookie,在上述文本框中输入,点击“submit”,弹出如下对话框:
时间: 2024-09-13 17:13:15 浏览: 40
你可以通过JavaScript来获取浏览器中的cookie,下面是一个简单的HTML和JavaScript代码示例,实现了这个功能:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>Cookie获取示例</title>
</head>
<body>
<input type="text" id="cookieInput" placeholder="请输入要获取的cookie名">
<button onclick="getCookie()">Submit</button>
<script>
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return decodeURIComponent(parts[1]);
return null;
}
function showAlert(cookieName, cookieValue) {
alert(`你刚才输入的 "${cookieName}" 的值是: ${cookieValue}`);
}
// 当用户点击按钮时,调用getCookie函数并显示结果
function clickHandler() {
let cookieName = document.getElementById("cookieInput").value;
let cookieValue = getCookie(cookieName);
if (cookieValue !== null) {
showAlert(cookieName, cookieValue);
} else {
alert(`${cookieName} 这个cookie不存在。`);
}
}
</script>
</body>
</html>
```
在这个例子中,当用户在文本框中输入cookie名并点击提交按钮时,会尝试获取该名称的cookie值,并将其显示在一个警告对话框中。如果cookie不存在,则会提示对应的消息。
阅读全文