获取网站缩略图的方法

1、建立一个HTML新文档，在BODY标签中写入：

<form name="myform" id="myform">

<h5>请输入网站地址：</h5>
<INPUT TYPE="TEXT" style="width:200px;border=1px solid #999;color:#000"ID="dizhi" name="dizhi" value=""/>
<br />
<br />
<input type="button" accessKey="s" value="获取缩略图" id="tijiao" name="tijiao"/>
<br />
<h5>网站缩略图显示处:</h5>
<div style="height:200px;width:200px;border=1px solid #999;background-color:#ccc" id="tupian" name="tupian">

</div>

</form>

打开IE，运行代码，得到效果如下：

2、 

3、在HEAD标签中插入：

<script>

window.onload=function (){
var dizhi= document.myform.dizhi;//获取地址
var tijiao= document.myform.tijiao;//获取按钮
var tupian= document.getElementById("tupian");//获取图片
var aa=tijiao.onclick=function(){
if(dizhi.value==""){
alert("请输入网站地址");//提示空值
}else{
var wangzhi=dizhi.value;
tupian.innerHTML="<img src=\"http://open.thumbshots.org/image.pxf?url="+wangzhi+"\ 

}
}
}
</script>

4、保存运行，输入相应的地址后，得到效果如下：

5、