获取网站缩略图的方法

 时间:2024-10-13 10:20:15

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,运行代码,得到效果如下:

获取网站缩略图的方法

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+"\" width=\"200px\" height=\"200px\" />";//获取图片地址并写入DIV } } }</script>

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

获取网站缩略图的方法
  • 如何用PS设计特殊的发型
  • ps软件快速把黄色包包调成棕红色包包
  • 百度推广如何提高关键词的点击量
  • 怎么样制作狐狸图像
  • PS使用画笔工具绘制牵牛花方法
  • 热门搜索
    山竹的功效与作用 小学趣味运动会方案 黄精的功效与作用及食用方法 粉色玫瑰代表什么 茶油的作用与功效 什么是躁狂症 胆囊的作用 玫瑰花的作用 什么是三重一大事项 灰色配什么颜色最搭