gpt4 book ai didi

用于导入 css 的 html 链接标记在 AJAX 情况下放置的位置

转载 作者:太空宇宙 更新时间:2023-11-04 04:10:28 24 4
gpt4 key购买 nike

我有一个页面,它在一个 div 中加载不同的页面。现在正在加载的页面确实有自己的样式表。

如果我正在加载其他页面,<link rel="text/stylesheet...> 应该在哪里应该在场吗?因为加载页面后,我可以在源代码中看到链接位于 <body> 中。 .其他<head><html>浏览器会自动删除标签,但 <link>停留在 div 之间。

现在不知道是对是错。请进一步指导我!


编辑

有一个加载了自己的 CSS 的主页。此页面有一个 div,其中的内容将根据用户的请求通过 ajax 获取。

当发出 ajax 请求时,服务器返回要加载到带有自己的 css 的那个 div 中的内容。

现在的问题是我应该将 css 放在响应内容的什么位置?因为 css 在外部文件中并且要链接它,` 标签必须在您的 html 的头部?我想是的。

但是当我查看源代码时,我得到了 css <link>在 div 之间。

最佳答案

如果我理解正确,您可以将它们添加到您的主要头部部分。它们将应用于添加的 html。您加载的页面根本不需要自己的 html 骨架。只是您要动态添加的 html。

但是,如果您真的也想动态加载 css 文件,只需使用 javascript 添加链接标记,如下所示:How to load up CSS files using Javascript? .

在您的情况下,这可能看起来像这样:

$.ajax({
url: "test.html",
beforeSend: function() {
if (!$('#testcss').length) {
$('<link rel="stylesheet" type="text/css" href="test.css" id="testcss" />')
.appendTo('head');
}
},
success: function(response) {
$('#pagediv').html(response);
}
});

关于用于导入 css 的 html 链接标记在 AJAX 情况下放置的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20776720/

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