用最简单的方法建立一个能显示来访者IP地址的页面。当IP地址以218.75开头时,则显示欢迎信息,否则显示非法用户并显示访问。
时间: 2024-09-29 15:11:04 浏览: 35
要在HTML页面上实现这个功能,我们可以利用JavaScript来检测用户的IP地址。首先,创建一个简单的HTML结构,并添加一个用于显示消息的元素。然后,在`<script>`标签中编写JavaScript代码。以下是步骤:
1. 创建基本HTML结构:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>IP地址检查</title>
<style>
.welcome {
color: green;
}
.illegal {
color: red;
}
</style>
</head>
<body>
<div id="message"></div>
<script src="ip-check.js"></script>
</body>
</html>
```
2. 创建JavaScript文件(ip-check.js):
```javascript
window.onload = function() {
var ipElement = document.getElementById('message');
// 获取客户端的IP地址
var ipAddress = (function() {
if ('onreadystatechange' in document.createElement('img')) {
return function() {
var img = new Image();
img.src = 'about:blank';
return img.src.split(',')[0];
};
} else {
return function() { return arguments.callee.caller.arguments[0]; };
}
})();
// 检查IP地址
checkIP(ipAddress);
};
function checkIP(ip) {
if (ip.startsWith('218.75')) {
ipElement.innerHTML = '欢迎,您的IP地址是: ' + ip;
ipElement.classList.add('welcome');
} else {
ipElement.innerHTML = '非法用户,您的IP地址可能是: ' + ip;
ipElement.classList.add('illegal');
}
}
```
这个例子中,我们通过模拟图片加载的方式来获取用户的IP地址(因为`document.referrer`不可靠),然后检查IP是否以218.75开头。如果匹配,就显示欢迎信息;否则显示非法用户提示。
阅读全文