как получить элемент заголовка HTML - PullRequest
0 голосов
/ 11 октября 2011

, поскольку я хочу отправить имена файлов, которые включены в <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 */
    }

Ответы [ 2 ]

3 голосов
/ 11 октября 2011

это чтобы получить имена ресурсов (таблицы стилей и скрипты) в вашем элементе 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 и проверить, не прикреплены ли к ним какие-либо background-image через css:

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 делает это для вас.

0 голосов
/ 11 октября 2011

Я не уверен, что то, что вы хотите сделать, возможно из веб-браузера - но есть инструменты, которые сделают это без -> http://www.httrack.com/html/overview.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...