Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么Jquery加载在firefox中不起作用?_Javascript_Html_Jquery_Load_Jquery Load - Fatal编程技术网

Javascript 为什么Jquery加载在firefox中不起作用?

Javascript 为什么Jquery加载在firefox中不起作用?,javascript,html,jquery,load,jquery-load,Javascript,Html,Jquery,Load,Jquery Load,我正在尝试使用JavaScript(j Query)将没有正文和html标记的导航页面添加到html页面。但它不起作用。我尝试改变浏览器,使用firefox、Crome和edge。但它没有起作用 这是代码结构 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&

我正在尝试使用JavaScript(j Query)将没有正文和html标记的导航页面添加到html页面。但它不起作用。我尝试改变浏览器,使用firefox、Crome和edge。但它没有起作用

这是代码结构

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <title>demo</title>
</head>

<body>

    <div id="content"></div>
    <script>
        $(document).ready(function() {

            $('#content').load("nav.html");

        });
    </script>


</body>

</html>


演示
$(文档).ready(函数(){
$('#content').load(“nav.html”);
});
我也试过这个

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <title>dem0</title>
<script>
    $(document).ready(function() {

        $('#content').load("nav.html");

    });
</script>
</head>

<body>
<div id="content"></div>
    
</body>

</html>


dem0
$(文档).ready(函数(){
$('#content').load(“nav.html”);
});
这是我的nav.html文件

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod tenetur beatae ex assumenda, 
non odit praesentium? Animi commodi, est veritatis quis perferendis at blanditiis? Nesciunt 
inventore aperiam odit sint est maiores quo esse facilis accusamus alias</p>

Lorem ipsum door sate amet concertetur adipsicing elit。根据假设,
非odit镨?普通动物,在布兰迪提斯是真实的吗?雀巢
发明者用手指和手指抚摸面部


我哪里出错了?

假设您从本地文件系统打开它,并打开devtools控制台,您将看到类似这样的错误

Access to XMLHttpRequest at '<yourfolder>/nav.html' from origin
 'null' has been blocked by CORS policy: Cross origin
 requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, https.
从源代码访问位于'/nav.html'的XMLHttpRequest
“null”已被CORS策略阻止:跨源
仅支持协议方案的请求:
http,数据,chrome,chrome扩展,https。
这意味着您遇到了CORS问题-您可以阅读更多有关该问题的信息

为了让这项工作使用一个简单的http服务器来服务它,我建议使用类似serve的东西-

如果您已经在使用http服务器,请发布控制台错误


祝你好运

控制台中是否报告了错误?你能在开发者的“网络”选项卡中看到是否发出了HTTP请求吗?你确定
nav.html
的路径正确吗?正如Pointy所说,您在浏览器的开发工具中看到了什么问题吗?