用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>
本人原創代碼，如需轉載請註明出處，謝謝！