jQuery的加载函数在本地不起作用

当窗口宽度小于600px时,我必须在现有div中加载HTML文件。

代码是:

  $(document).ready(function(){ if($(window).width() < 600) { $("#testing_div").load("C:/Users/elena/Desktop/Demo/prova.html"); } });    

我已经在我的网站上测试了这个代码并且它可以工作,但也许我做错了让它在本地工作。

有没有理由说loadfunction不能在本地工作,而只能在Web服务器上工作?

原因是安全。 通过file:// protocol运行网页已禁用许多function,因为存在安全问题。 您可以通过Node.js在javascript中创建一个Web服务器,您可以在本地拥有一个Web服务器,而无需安装apache或类似的东西。

Node.js网页:

https://nodejs.org/en/

我有两种方法可以快速解决它。

1 – 您可以在Google Chrome上下载“Allow-Control-Allow-Origin”扩展程序。

2 – 您可以安装wamp程序,wamp将模拟本地Web服务器。 在这种情况下,您将使用以下命令访问您的页面:“localhost / name_of_the_page.html”