javascript - 如何动态更改 href 属性

标签 javascript jquery html css offline-browsing

我正在尝试仅使用 html、css 和一些 jquery\javascript 制作一个在线和离线都可浏览的小网站。 因此,我使用所有相对路径并且一切正常,除非我遇到问题在我的所有页面中加载自定义菜单并包含一些智能 jquery。

然而,由于我的 menu.html 加载在位于树结构不同子目录的不同页面中我想知道在菜单中写下不同声音的 href 链接的最聪明的方法是什么。

我最初开始使用 menu.html 中的所有绝对路径,但当然它只能在线离线工作,具体取决于我在绝对路径中使用的根域(http://mywebsite.com/ 或file:///D:myfolder/等)。

当然,在链接开头使用/也只能在线使用,因为在本地/代表放置网站文件夹的驱动器号,并且当且仅当网站文件夹保存在最高路径如 D:/myWenbsite。无论本地路径如何,我都想做一些更具适应性的东西。

最佳答案

我认为最好的方法是从根目录使用相对 URL。例如,在您的 menu.html 文件中,当您引用 jquery 时,您可以执行以下操作:

/javascript/jquery.min.js

添加开头的“/”使得路径始终从域的根开始,无论您的 html 在目录中的什么位置。

如果您使用过:

javascript/jquery.min.js

这意味着在您的 menu.html 文件所在的任何目录中,还需要存在一个用于 javascript 的文件夹,而这通常是不需要的。

关于javascript - 如何动态更改 href 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30080494/

相关文章:

javascript - 单击区域加载另一个 jvectormap

javascript - 延迟加载隐藏元素,直到您将其在 javascript 中的属性更改为可见?

javascript - 如何暂时禁用滚动?

javascript - 当图像在 Canvas 内移动时逐渐缩小/放大图像

javascript - 如何修复 RichEmbed Discord.js

html - 在移动 View 中我的网页上不是全宽页脚

html - 如何使用 bootstrap 2.2.2 将表格保持在中心位置

javascript - 提交带有 jquery 确认的表单

jquery - 如何在 jQuery 中选择这个容器元素

html - 为什么我的 margin 在整个 div 上?