gpt4 book ai didi

javascript - Jquery 将所有引用的页面合并到根页面?

转载 作者:行者123 更新时间:2023-11-28 13:51:22 25 4
gpt4 key购买 nike

这听起来有点晦涩,但是......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/

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