获取网站缩略图的方法

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、