gpt4 book ai didi

javascript - 如何获取html标题元素

转载 作者:行者123 更新时间:2023-11-28 21:15:34 27 4
gpt4 key购买 nike

因为我想发送 <head> section e.g. css & js file name 中包含的文件名通过 ajax 将其容器文件夹添加到服务器端.
请注意,在给定的示例中 css & js位于files文件夹内。
那么我如何获取包含其容器的 css 和 js 文件名

<html> <head>
<link rel="stylesheet" href="files/sample.css"/>
<script type="text/javascript" src="files/jquery.js"> </script>
</head>

现在我还需要考虑其他事情,sample.CSS

    #myImage {
background: url('image/lucy.jpg');
/* also i need to get these image file name including details with location */
}

最佳答案

这是为了获取 head 元素中的资源名称(样式表和脚本):

function filterName(path){
path = path.split('/');
return path[path.length - 1];
}
var styleSheets = [];
$('head link[rel=stylesheet]').each(function(){
styleSheets.push(filterName($(this).attr('href'));
});
var scripts = [];
$('head script[src]').each(function(){
scripts.push(filterName($(this).attr('src'));
});

实际解析这些文件并计算它们的完整路径相当困难。要获取所有图像,您可以考虑遍历所有 dom 元素并检查它们是否通过 css 附加了任何 background-image :

function filterBgImage(n){
var m = n.match(/url\(["'](.*?)["']\)/);
if(m && m.length == 2)
return m[1];
return n;
}
var imgs = [];
$('*')
.filter(function(){
var a = $(this).css('background-image');
return a != '' && a != 'none';
})
.each(function(){
imgs.push(filterBgImage($(this).css('background-image')));
});

这种方法的好处是您不必将相对路径转换为完整路径,因为 jquery 正在为您做这件事。

关于javascript - 如何获取html标题元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7723345/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com