获取CSS中图片地址

用JS实现自动从CSS文件中获取图片地址

源码如下：

<html>
<head>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<title>获取CSS中的图片地址</title>
</head>
<body>
<script language="JavaScript">
function clean(){
document.cssform.css.value="";
document.cssform.siteurl.value="";
}
function getpic(){
var css=document.cssform.css.value;
var site=document.cssform.siteurl.value;
var show="link";
if(document.cssform.view.checked)
show="pic";
if(document.cssform.lst.checked)
show="list";
//var patrn=new RegExp("/(/)","i");
//var re = //((.+)/)/gi;
var re = //((.+?)/)/gi;        //匹配次数中的非贪婪模式，上一句代码是贪婪模式
//var re = //((.+?)/)|(/(')(.+?)('/))|(/(")(.+?)("/))/gi;        // "|"表达式的使用未明确
var arr;
while ((arr=re.exec(css))!=null){
if(show=="list"){
//导出下载列表手动存为LST文件—          /n是换行/t是回车
if(arr[1].indexOf("...")!=-1)
document.write(arr[1].replace(/.../i,site) + "/n");
else if(arr[1].indexOf("..")!=-1)
document.write(arr[1].replace(/../i,site) + "/n");
else if(arr[1].indexOf("http")!=-1)
document.write(arr[1] + "/n");
else
document.write(site + "//" + arr[1] + "/n");}
else{
//显示图片或链接
if(show=="link"){
//不显示图片
if(arr[1].indexOf("...")!=-1)
document.write("<a href=/"" + arr[1].replace(/.../i,site) + "/" alt=/"下载图片/" target=/"_blank/"/>图片"+ arr[1].substring(arr[1].lastIndexOf("/")) +"</a>/t");
else if(arr[1].indexOf("..")!=-1)
document.write("<a href=/"" + arr[1].replace(/../i,site) + "/" alt=/"下载图片/" target=/"_blank/"/>图片"+ arr[1].substring(arr[1].lastIndexOf("/")) +"</a>/t");
else if(arr[1].indexOf("http")!=-1)
document.write("<a href=/"" + arr[1] + "/" alt=/"下载图片/" target=/"_blank/"/>图片"+ arr[1].substring(arr[1].lastIndexOf("/")) +"</a>/t");
else
document.write("<a href=/"" + site + "//" + arr[1] + "/" alt=/"下载图片/" target=/"_blank/"/>图片"+ arr[1].substring(arr[1].lastIndexOf("/")) +"</a>/t");}
else
//显示图片
{
if(arr[1].indexOf("...")!=-1)
document.write("<img src=/"" + arr[1].replace(/.../i,site) + "/" alt=/"下载图片/" />/t");
else if(arr[1].indexOf("..")!=-1)
document.write("<img src=/"" + arr[1].replace(/../i,site) + "/" alt=/"下载图片/" />/t");
else if(arr[1].indexOf("http")!=-1)
document.write("<img src=/"" + arr[1] + "/" alt=/"下载图片/" />/t");
else
document.write("<img src=/"" + site + "//" + arr[1] + "/" alt=/"下载图片/" />/t");
}}
}}
</script>
<form name="cssform">
<textarea cols="50" row="50" name="css" style="width:500px;height:200px;"></textarea><br/>
<input type="text" name="siteurl" />   显示图片:<input type="checkbox" name="view" />
   导出列表:<input type="checkbox" name="lst" />
   <input type="button" onClick="clean()" name="cls" value="清空"></input><br/>
<input type="button" onClick="getpic()" name="get" value="马上获取"></input>
</form>
</body>
</html>

本人原创代码，如需转载请注明出处，谢谢！

获取CSS中图片地址相关推荐

php如何获取图片地址,js如何直接获取网页中图片地址
这次给大家带来js如何直接获取网页中图片地址,js直接获取网页中图片地址的注意事项有哪些,下面就是实战案例,一起来看一下. 第一种方法:js通过正则实现/** * 获取html代码中图片地址 * @p ...
js获取html中图片路径,用js快速的获取html页面中图片的地址
这次给大家带来用js快速的获取html页面中图片的地址,用js快速获取html页面中图片的地址的注意事项有哪些,下面就是实战案例,一起来看一下. 这篇文章主要介绍了js获取html代码中图片地址的实现 ...
python怎么爬取一个网页图片显示不出来_使用python爬取网页，获取不到图片地址【python 爬取图片教程】...
python 网络爬虫,怎么自动保存图片 f12找啊使用python爬取网页,获取不到图片地址大图片是在点击之后用 JS 控制加载的. 你可以看看 js/js.js 这个文件,253 行:func ...
php图片下载代码,php下载css中图片代码
提供一个常见的php下载css中图片代码,有需要的朋友可以下载,只要把$url填写好就行了哈. 代码如下复制代码 $host = $host[1]; if (!is_dir('img')) { m ...
php css定位到图片上,CSS_浅谈css中图片定位之所有图标放在一张图上，如今做网页为了使网站丰富多 - phpStudy...
浅谈css中图片定位之所有图标放在一张图上如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标.如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题.如果你的 ...
css中图片整合的使用,CSS Sprites:图片整合技术详细案例
CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度.介绍了CSS Sprites技术的实现方法,优点和缺点.最后通过实例CSS Sprites技术制作导航栏演 ...
vue项目中图片地址生成二维码
前言一.图片地址生成二维码二.使用步骤 1.安装插件 2.执行方法(点击图片之后,弹框显示并且显示二维码) 总结前言 vue中点击图片生成二维码,利用的是qrcode插件,在需要使用的页面中引入 ...
css中图片有缩放和转动效果
现在html中利用div来包裹住一张图片. <div class="xuanzhuan"><img src="images/top.png" ...
css中图片缩小代码,css让图片等比例缩小的代码
随着智能手机的增多,手机网站也可以做的更加个性化,最近在改版自己的手机网站这其中,遇到了网站图片尺寸问题,手机屏幕都比较小,怎么让上传的规则不一的图片在手机上显示的更加美观呢? 那就利用css的强大 ...

获取CSS中图片地址

获取CSS中图片地址相关推荐

最新文章

热门文章