这是一个HTML页面，用于实现域名查询功能。用户输入要查询的域名字符，可以选择不同的后缀，如.com, .net等。页面使用jQuery库进行DOM操作和AJAX请求，当用户点击查询按钮时，会发送GET请求到domain.php，获取查询结果。"
80393314,4656829,使用Halcon与C++实现摄像头图像捕获,"['图像采集', 'Halcon', 'C++编程', '图像处理', '视觉技术']
<html>
<head>
<title>域名查询</title>
<style type="text/css">
li{float:left;list-style:none}
#result{
display:block;
position:relative;
left:100px;
}
a{text-decoration:none;}
</style>
<script src="/Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ //页面初始化函数
$('#search').click(function(){ //点击函数
//获取复选框的数据
var str="";
$('[name=suffix[]]:checkbox:checked').each(function(){ str+=$(this).val()+":"; });
var domain =$.trim($("#domain").val()); //判断输入框是否输入信息
if(domain == ''){
$("#result").html('<font color="red">请输入要查询的域名信息</font>');
$("#domain").focus();
return false;
}
$("#result").html('正在查询，请稍后...'); //查询时的等待信息
$.ajax({ //使用jquery的ajax方法发送数据
type:"GET",
cache:false,
datatype: "text",
data:"domain="+domain+"&str="+str,
url:"/YUCHONG/domain.php",
success:function(data){
$("#result").html(data);
},
error:function(){
alert('出现错误，请联系客服!');
}
});
});
});
</script>
</head>
<body>
<form>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td></td><td><p style="padding:5px 0;">请输入您想要注册的域名字符<font color="red">(英文字母、数字或中划线构成)</font></p></td><td></td></tr>
<tr><td width="105"></td>
<td align="left" width="355">www.
<input type="text" id="domain" value="" style="width:300px;height:30px"/></td>
<td><input type="button" value="域名查询" id="search" /></td></tr>
<tr>
<td></td>
<td height="100">
<ul >
<li><input type="checkbox" name='suffix[]' value='.com' checked="checked">.com</li>
<li><input type="checkbox" name='suffix[]' value='.net' checked="checked">.net</li>
<li><input type="checkbox" name='suffix[]' value='.cn' checked="checked">.cn</li>
<li><input type="checkbox" name='suffix[]' value='.com.cn' checked="checked">.com.cn</li>
<li><input type="checkbox" name='suffix[]' value='.net.cn' checked="checked">.net.cn</li>
<li><input type="checkbox" name='suffix[]' value='.tv'>.tv</li>
<li><input type="checkbox" name='suffix[]' value='.org'>.org</li>
<li><input type="checkbox" name='suffix[]' value='.org.cn'>.org.cn</li>
<li><input type="checkbox" name='suffix[]' value='.gov.cn'>.gov.cn</li>
<li><input type="checkbox" name='suffix[]' value='.biz'>.biz</li>
<li><input type="checkbox" name='suffix[]' value='.info'>.info</li>
<li><input type="checkbox" name='suffix[]' value='.cc'>.cc</li>
</ul>
<div class="cf"></div>
</td>
<td></td>
</tr>
<tr><td></td><td><p style="padding:5px 0;text-align:center;"><font color="#666666">
例如:<font color="#006600">www.baidu.com</font> 只需输入 <font color="#006600">baidu</font> 即可查询</p></td><td></td></tr>
</table>
</form>
<div id="result"><div>
</body>
</html>
<head>
<title>域名查询</title>
<style type="text/css">
li{float:left;list-style:none}
#result{
display:block;
position:relative;
left:100px;
}
a{text-decoration:none;}
</style>
<script src="/Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ //页面初始化函数
$('#search').click(function(){ //点击函数
//获取复选框的数据
var str="";
$('[name=suffix[]]:checkbox:checked').each(function(){ str+=$(this).val()+":"; });
var domain =$.trim($("#domain").val()); //判断输入框是否输入信息
if(domain == ''){
$("#result").html('<font color="red">请输入要查询的域名信息</font>');
$("#domain").focus();
return false;
}
$("#result").html('正在查询，请稍后...'); //查询时的等待信息
$.ajax({ //使用jquery的ajax方法发送数据
type:"GET",
cache:false,
datatype: "text",
data:"domain="+domain+"&str="+str,
url:"/YUCHONG/domain.php",
success:function(data){
$("#result").html(data);
},
error:function(){
alert('出现错误，请联系客服!');
}
});
});
});
</script>
</head>
<body>
<form>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td></td><td><p style="padding:5px 0;">请输入您想要注册的域名字符<font color="red">(英文字母、数字或中划线构成)</font></p></td><td></td></tr>
<tr><td width="105"></td>
<td align="left" width="355">www.
<input type="text" id="domain" value="" style="width:300px;height:30px"/></td>
<td><input type="button" value="域名查询" id="search" /></td></tr>
<tr>
<td></td>
<td height="100">
<ul >
<li><input type="checkbox" name='suffix[]' value='.com' checked="checked">.com</li>
<li><input type="checkbox" name='suffix[]' value='.net' checked="checked">.net</li>
<li><input type="checkbox" name='suffix[]' value='.cn' checked="checked">.cn</li>
<li><input type="checkbox" name='suffix[]' value='.com.cn' checked="checked">.com.cn</li>
<li><input type="checkbox" name='suffix[]' value='.net.cn' checked="checked">.net.cn</li>
<li><input type="checkbox" name='suffix[]' value='.tv'>.tv</li>
<li><input type="checkbox" name='suffix[]' value='.org'>.org</li>
<li><input type="checkbox" name='suffix[]' value='.org.cn'>.org.cn</li>
<li><input type="checkbox" name='suffix[]' value='.gov.cn'>.gov.cn</li>
<li><input type="checkbox" name='suffix[]' value='.biz'>.biz</li>
<li><input type="checkbox" name='suffix[]' value='.info'>.info</li>
<li><input type="checkbox" name='suffix[]' value='.cc'>.cc</li>
</ul>
<div class="cf"></div>
</td>
<td></td>
</tr>
<tr><td></td><td><p style="padding:5px 0;text-align:center;"><font color="#666666">
例如:<font color="#006600">www.baidu.com</font> 只需输入 <font color="#006600">baidu</font> 即可查询</p></td><td></td></tr>
</table>
</form>
<div id="result"><div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
