获取CSS中图片地址

最新推荐文章于 2024-04-19 09:39:59 发布

原创

最新推荐文章于 2024-04-19 09:39:59 发布 · 4.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #button #function #javascript #input #list

该博客介绍了如何使用JavaScript从CSS文件中提取并显示或导出图片链接。通过一个交互式的HTML表单，用户可以输入CSS代码和网站URL，然后选择以链接形式查看图片或导出为列表。

用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"){