2. 程式人生 > >獲取CSS中圖片地址

獲取CSS中圖片地址

阿新 • • 發佈：2019-01-14

用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>

本人原創程式碼，如需轉載請註明出處，謝謝！

相關推薦

獲取CSS中圖片地址

用JS實現自動從CSS檔案中獲取圖片地址 原始碼如下：  <html><head><meta http-equiv=content-type content="text/html; charset=gb2312"><title>

vue 元件中圖片地址，圖片獲取

前提：在元件中使用引用圖片，用於<img src>  或者  背景圖片background;當我們利用vue-cli 搭建好專案的框架，開始高高興興開發元件的時候，有的時候想加一張圖片，或者在樣式中加個背景，會發現，圖片引用不進來，這可愁壞了不是；元件中引用圖片用

通過分享後的百度網盤連結獲取外鏈圖片地址

該連結地址主要內榮個塊如下： .showPicture('https:\/\/thumbnail0.baidupcs.com\/thumbnail\/f54a88b2c15b99b5513afcb867c4159a?fid=219699917-250528-971896340651096&

如何javascript獲取css中的樣式

obj.style.height只能獲取行間樣式,但是我們要怎麼獲取寫在css檔案中的樣式呢? 方法/步驟 首先我們要用一個新的方法currentStyle.這個方法由current和style兩個單片語成意思是:目前的樣式.也就是載入css檔案後取出來的樣式. cu

關於vue中圖片地址路徑的問題,框架element-ui自定義彈框，加入圖片

先說最緊要的： 路徑問題：在vue-cli3中public不被打包，src下的assets是被打包的，只能使用相對地址。最重要的是，template中img的src在打包後就變了，而動態建立的img直接加上相對地址後還是相對路徑的字串 結：動態建立的img之前需要直接

dedecms獲取上傳圖片地址（其實這個方法在哪裡都可以獲取）

一、新建內容模型 二、增加欄位如下 三、是不是明白什麼了，往下看  點選 網站欄目管理——》更改——》選擇內容模型為剛剛新建那個內容模型名字 四、新增文件效果如下 五

BeautifulSoup 獲取頁面中 圖片的src

 使用 find_all() 方法獲取所有的<img>標籤 img = soup.find_all('img') 得到的結果是一個<img>標籤陣列，使用 get() 獲取<img>的src src=img[2].get('src')

ios7 獲取TextView中圖片資訊。

圖文混排： //圖文混搭 NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithAttributedString:textV.attributedText

jQuery 獲取canvas裡面的base64的二維碼圖片地址，並顯示在img中

大家知道一款很火的二維碼生成工具qrcode.js，這是一款基於jQuery的二維碼生成外掛，能將任意的文字轉化為一個二維碼，通過canvas的方式呈現，但是有些時候我們需要取出裡面的url，今天就一起來做做這個事情。 <!doctype html> <html lang=

c#中如何獲取本機MAC地址、IP地址、硬盤ID、CPU序列號等系統信息

finall ipaddress reac 地址 computer mod urn aca rop public class Computer { public static string CpuID; //1.cpu序列號 pub

【java】<Jsoup>獲取網頁中的圖片

util puts lec import http imp stat tin 畫的 要做Android課程設計了，做一個爬漫畫的東東練一下手 1 package asd; 2 3 import java.io.File; 4 import java.io.Fil

在彈框中獲取foreach中遍歷的id值，並傳遞給地址欄（方法2）

ges 應該 我們 png 地址欄 each 獲取 賦值 有時 1.php有時候我們需要再彈框中獲取foreach中遍歷的數據（例如id），在彈框中點擊按鈕並傳遞給地址欄跳轉。那麽應該怎麽做呢。第二種方法。 2. 可以在彈框中給出一個input hidden 點擊按鈕彈窗時

aardio中獲取網絡圖片經GDI處理後保存到本地

gsl mgo tel shanghai ans cde aam fma imei groovy%E4%B8%AD%E7%9A%84%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E6%93%8D%E4%BD%9C%E7%AC%A

dedecms獲取文章中的圖片代碼

dedecms1、在 /include/common.func.php 文件底部加入以下代碼/*** getArcImages 獲取文章中的圖片* $id 文章ID* $num 要獲取的圖片數量 默認為4張*/function getArcImages($id,$num=4){ global $dsql

php獲取ios或android通過文件頭(header)傳過來的坐標，通過百度接口獲取具體城市和地址，並存入到session中。

word 請求 sse 百度 頭文件 reac session ray 位置 首先，在function.php方法文件中封裝一個獲取header頭文件的方法。 if (!function_exists(‘getallheaders‘)) { 　　function g

獲取遠程圖片保存到本地文件夾中

remote 重新 rem file 但是 sse 開始 創建 headers 1 /** 2 * 抓取遠程圖片到本地，可以抓取不帶有後綴的圖片 3 * @author YanYing <[email protected]> 4

shell腳本中獲取當前所在目錄地址

code 地址 color 腳本 AS pan 當前 clas 所在 shell腳本中獲取當前所在目錄如下 #!/bin/bash work_path=$(dirname $0) cd ${work_path} work_path=$(pwd) cd

解壓Assets.car獲取App中的圖片資源

一個 git 源代碼 .com 技術分享 tps 生成 ets http iOS開發時圖片資源（png）是放置在Images.xcassets文件夾中進行管理的。 項目歸檔後就是ipa文件，在ipa文件中，Images.xcassets文件夾的內容放置在了Assets.ca

JS中獲取CSS樣式的方法

不能 pin -c gree 方法 css 命名 width lac 1.對於內聯樣式，可以直接使用ele.style.屬性名（當然也可以用鍵值對的方式）獲得。註意在CSS中單詞之間用-連接，在JS中要用駝峰命名法 如 <div id="dv" style="wid

shell中獲取本機ip地址

align 本機ip www. .cn logs res font 地址 獲取本機ip 方法一： /sbin/ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk ‘{print $2}‘|tr -d "addr