gpt4 book ai didi

javascript - HTML如何立即包含来自其他htm文件的HEAD标签或CSS

转载 作者:太空宇宙 更新时间:2023-11-04 13:17:03 25 4
gpt4 key购买 nike

因此,由于 ISAPI 无法与其他一些 ISAPI 协同工作,我无法使用 PHP。无论如何,通常我可以创建 index.phpheader.php 然后在 index.php 中我只使用 include()。

但是现在,由于文件必须使用 .htm 扩展名,我想知道如何包含其他文件中的内容,例如:如果我说 index.htmheader.htmother.htm

header.htm 看起来像这样

  <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<meta name="description" content="">
<meta name="author" content="">

<title>Dashboard</title>

<!-- Bootstrap core CSS -->
<link href="css/customBootstrap/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/styles.css" rel="stylesheet">

<!-- Fonts -->
<link href="css/fa-4.0.3/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<!-- FontAwesome Fix for IE7 -->
<!-- [if IE 7]>
<link href="css/fa-3.2.1/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/fa-3.2.1/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->

</head>

所以我想要在任何其他文件中,我不必在上面复制相同的东西(所以我只需要更改一个文件)。

我应该怎么做?我尝试过类似的方法。但是,它有一个瞬间的延迟(因此,在页面正确加载之前,用户会在瞬间看到一个没有 css 的页面。

<!DOCTYPE html>
<html lang="en">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
$("#header").load("../../common/header.htm");
});
</script>

<div id="header">
</div>
<body>
....

有什么帮助吗?

谢谢

最佳答案

  1. 无需准备文档,因为您希望 css 在 body 中的其他元素之前加载

    $("#header").load("../../common/header.htm");

  2. 在 header.htm 中为您的 css 文件使用绝对路径。我怀疑你不能加载你的 css 因为 css 相对路径

    /path/to/your/css/css1.css

../../css/css1.css

希望对你有帮助

关于javascript - HTML如何立即包含来自其他htm文件的HEAD标签或CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24153447/

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