问题：
<div class=”container”> M专区 <a href=”/mdengji ” class=”button”>登记及身体记录</a> </div> 设置ua中含有51才显示这个
方法：
要实现只有在用户代理（User-Agent, UA）字符串中包含 “51” 时才显示这个 HTML 元素，你可以使用 JavaScript 来检测 UA 字符串并相应地显示或隐藏这个元素。以下是一个简单的示例，展示了如何实现这一点：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>条件显示示例</title>
<style>
.container {
margin: 20px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007BFF;
color: white;
text-decoration: none;
border-radius: 5px;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="container" id="m-zone">
M专区
<a href="/mdengji" class="button">登记及身体记录</a>
</div>
<script>
// 获取用户代理字符串
var userAgent = navigator.userAgent;
// 检查用户代理字符串中是否包含 "51"
if (!userAgent.includes("51")) {
// 如果不包含，则隐藏该元素
document.getElementById("m-zone").classList.add("hidden");
}
</script>
</body>
</html>在这个示例中，我们做了以下几件事：
- 定义了一个包含 “M专区” 和链接的
div元素，并给它一个 IDm-zone，以便稍后通过 JavaScript 引用。 - 使用 CSS 定义了一个
.hidden类，该类将元素的display属性设置为none，从而隐藏元素。 - 在
<script>标签内，使用 JavaScript 获取用户代理字符串，并检查它是否包含 “51st”。 - 如果用户代理字符串不包含 “51”，则通过 JavaScript 给
div元素添加.hidden类，从而隐藏该元素。
这样，只有当用户的 UA 字符串包含 “51” 时，这个 div 元素才会显示。
