【问题标题】:Make HTML load all assets and scripts使 HTML 加载所有资产和脚本
【发布时间】:2020-05-12 06:10:32
【问题描述】:

我是网络开发的新手,我们有一个学校项目,我们需要创建一个包含三个不同 html 页面和一些 javascript 的网上商店。

我也实现了一些 jQuery,添加了一个预加载器和其他东西。在开发过程中,我使用了一些 VS 代码扩展,例如 Live Server 和 Browser Sync。

我现在遇到的问题是我需要将我的项目发送给教授,但是当我点击打开我的 html 文档而不将其托管在本地主机上时(所以基本上它在我的浏览器中打开,路径类似于C://Users/Desktop.....)它不会加载资产,并且 jQuery 预加载器从未完成,因为其他页面从未加载。

我的代码的链接是:https://github.com/DzambaTz/WebShop

我认为问题在于我将一些图像设置为某些 div 的背景,现在它们不想加载。

有人知道这个问题的解决方案吗?

【问题讨论】:

  • 你的console 说什么?
  • 完全为空

标签: javascript html jquery loading


【解决方案1】:

检查资产的路径(图像、Jquery 预加载器和所有)。 Jquery 预加载器没有完成,因为它没有找到正确的路径。我认为你已经给出了基于 localhost 的路径,而没有 localhost 他们没有显示。

【讨论】:

    【解决方案2】:

    我只是通过更正个人资产、脚本等的路径来解决问题。

    我正在使用:

    src="/assets/image.png"
    

    代替:

    src="./assets/image.png"
    

    更正为我解决了问题。

    【讨论】:

    • 请注意,无法在浏览器中打开的 HTML 文件中使用 JavaScript (XHR/fetch()) 动态加载资产。
    • 那是因为/开头的相对URL表示绝对URL,所以会解析成C:\assets\image.png之类的。
    • 我现在明白了。谢谢
    猜你喜欢
    • 1970-01-01
    • 2018-07-11
    • 1970-01-01
    • 2020-01-30
    • 1970-01-01
    • 2020-05-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多