这听起来有点晦涩,但是...... Jquery(或直接的 javascript)中是否有一种技术可以遍历 HTML 文件中的所有外部 CSS 和 JS 文件引用,并将引用替换为文件的内容。
所以代替:
<link rel='stylesheet' id='style-css' href='http://domain.com/style.css' type='text/css' media='all' />
<script type='text/javascript' src='http://domain.com/js/domain.js'></script>
..它从这些文件中获取所有内容并将其粘贴到渲染 html 中以制作一个大的 html 文档...?
<head>
...
<style type="text/css">
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back40.gif")}
.etc {color:red}
.etc {color:red}
.etc {color:red}
</style>
<script type="text/javascript">
function message()
{
alert("This is an alert");
}
etc
etc
</script>
</head>
<body>
...
</body>
最佳答案
添加这个脚本..
$("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();
});
..你可以用..测试它
alert($("head").html());
..当一切都完成时。
(我看不出有任何理由这样做;)
关于javascript - Jquery 将所有引用的页面合并到根页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1726263/