获取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" />&nbsp;&nbsp;&nbsp;显示图片:<input type="checkbox" name="view" />
&nbsp;&nbsp;&nbsp;导出列表:<input type="checkbox" name="lst" />
&nbsp;&nbsp;&nbsp;<input type="button" onClick="clean()" name="cls" value="清空"></input><br/>
<input type="button" onClick="getpic()" name="get" value="马上获取"></input>
</form>
</body>
</html>

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

你可能感兴趣的:(JavaScript,function,list,css,input,button)