大多数论坛、留言板、聊天室等都能显示出访问者的ip地址,但站长和网友更关心的是访问者来自哪个地区,你想为自己的网站增光加彩吗？
让你和网友在你自己的网站上也能随时查询ip地址的地区位置吗?
it315提供的免费ip地区查询系统，具有最全、最新的ip地址库，能精确到网吧名称和大学宿舍楼号。
只要将下面的三个代码段中的任何一个复制到您的网页中，就可以建立属于自己网站的ip地区查询系统了！
建议使用第一种方式，第二和第三种方式作学习研究用。
1 用一个单独的小窗口显示查询结果,小窗口的大小和位置可以通过修改代码中的top、left、width、height的值来实现,但自己不能定制显示结果的周边内容。
显示查询结果部分的代码：
<form name=frmIp1 action="" method=post onsubmit="deal1(this);return false">
<input type=text name=txtIp value="请输入ip地址">
<input type=submit name=submit1 value="查询">
</form>
<script>
function deal1(obj)
{
window.open("http://www.it315.org/ip/ip_area1.asp?ip="
+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no");
}
</script>
请输入ip地址，单击查询按钮查看演示效果。
2 在查询网页中直接显示结果,可以自己定制显示结果的周边内容。可以根据自己网页的布局，将代码段中的查询表单部分与显示查询结果部分的代码分别插入到网页中的某个合适位置。
form表单部分的代码：
<form name=frmIp2 action="javascript:deal2(this)" method=post>
<script>
if(navigator.bQuery)
{
document.write('<input type=text name=txtIp value="' +
navigator.ip + '">');
}
else
{
document.write('<input type=text name=txtIp value="请输入ip地址">');
}
</script>
<input type=submit name=submit1 value="查询">
</form>
显示查询结果部分的代码：
<script>
function deal2(obj)
{
navigator.ip = frmIp2.txtIp.value;
navigator.bQuery = true;
window.open(document.URLUnencoded,"_self");
}
if(navigator.bQuery)
{
document.write('<scr' +
'ipt src="http://www.it315.org/ip/area.asp?ip=' +
navigator.ip + '">');
document.write('</scr' + 'ipt>');
navigator.bQuery = false;
}
</script>
请输入ip地址，单击查询按钮查看演示效果。
3 将查询网页和结果网页分开,可以修改下面代码中的result.html为自己的结果网页名，如果结果网页要直接显示在查询网页窗口中，需将修改target值为"_self"，可以自己定制结果网页内容。
查寻网页中加入的代码段如下:
<form name=frmIp3 action="result.html" target="_blank"
method=post onsubmit="deal3(this);return false">
<input type=text name=txtIp value="请输入ip地址">
<input type=submit name=submit1 value="查询">
</form>
<script>
function deal3(obj)
{
document.cookie = "ip=" + escape(obj.txtIp.value) + ";";
window.open(obj.action,obj.target);
}
</script>
结果网页中加入的代码段如下:
<script>
// returns value of cookie or null if cookie does not exist
function getCookie(name)
{
var result = null;
var myCookie = " " + document.cookie + ";";
var searchName = " " + name + "=";
var startOfCookie = myCookie.indexOf(searchName);
var endOfCookie;
if (startOfCookie != -1)
{
startOfCookie += searchName.length;// skip past name of cookie
endOfCookie = myCookie.indexOf(";", startOfCookie);
result = unescape(myCookie.substring(startOfCookie, endOfCookie));
}
return result;
}
document.write('<scr' + 'ipt src="http://www.it315.org/ip/area.asp?ip=' +
getCookie("ip") + '">');
document.write('</scr' + 'ipt>');
</script>
请输入ip地址，单击查询按钮查看演示效果。
|
