gpt4 book ai didi

jquery - 从单独的 HTML 文件加载导航栏不起作用

转载 作者:行者123 更新时间:2023-11-27 23:49:07 25 4
gpt4 key购买 nike

在阅读了 Stack Overflow 上的其他几篇文章后,我决定使用 jQuery 方法将导航栏添加到 index.html 中,其代码在 header.html 中.但是,导航栏未显示在 index.html 上,并且控制台显示存在“访问 XMLHttpRequest 错误”。有人可以告诉我为什么会出现此错误吗?

这是我的 index.html 的 HTML:

<!DOCTYPE html>
<html>

<head>


<link href="header+footer.css" rel = "stylesheet" type="text/css" />
<link href="index.css" rel = "stylesheet" type="text/css" />

<meta charset="utf-8">
<title> The Novel Column - Book Reviews </title>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script>
$(function(){
$("#includedContent").load("header.html");
});
</script>

</head>


<body>


<div id="includedContent"></div>

这是我的 header.html HTML:

<nav>
<img class="logo" src="images/other/logo.jpg">

<h1> <a href="index.html"> The Novel Column </a> </h1>

<ul>

<li> <a href="about.html"> About </a> </li>
</ul>



</nav>

预先感谢您的帮助!

最佳答案

如果您不在本地主机上工作,这是正常的。尝试在 Apache 或 IIS 服务器上工作。

在这里您可以了解错误是什么:XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin

关于jquery - 从单独的 HTML 文件加载导航栏不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56638044/

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