ansaurus

Question

Jquery to merge all referenced pages into root page?

Answer 1

+2 A:

Add this script..

$("script").each(function() { 
    var script = $(this);
    script.load(script.attr("src"));
    script.removeAttr("src");
});
$("link[rel='stylesheet']").each(function() { 
    var link = $(this);
    link.after("<style type='text/css'></style>").next().load(link.attr("href"));
    link.remove();
});

..and you can test it with..

alert($("head").html());

..when it's all done.

(And I don't see any reason in doing this ;)

Sverre Ølnes 2009-11-13 01:11:52

Answer 2

A:

The only place I can imagine that makes sense is if you run Javascript on the server, using Rhino or similar.

You can do as Sverre suggests and load the files yourself from the browser instead of letting the browser do it, but I can't see any scenario where that would be useful - you have the same number of background requests and end up with the same result, so the only thing you gain is extra work for yourself and probably some extra delay in rendering the page. Or do I misunderstand your goal?

On the server, on the other hand, it can make sense, as the browser can save a load of requests by getting all the external resources in the same document. Is this what you want to achieve?

j-g-faustus 2009-11-13 01:23:38

The last is better achieved by concatenating multiple script and css files into two files which can than be cached. But I don't think that is what the OP is after.

Joel Potter 2009-11-13 01:30:03

ansaurus

tags:

views:

answers:

Jquery to merge all referenced pages into root page?

related questions