当前位置：文江博客话题详情

将显式协议规范与相对 URL 相结合

发布于 2024-09-14 05:49:44 字数 433 浏览 1 评论 0原文

我有一个通过 HTTP 访问的页面。此页面使用 HTTPS 链接到同一服务器上的另一个页面。在使用相对 URL 的同时，使用 HTML 和/或 Javascript 强制转换到 HTTPS 的最优雅的方式是什么？

基本上，我想要协议相关 URL。我想显式指定 HTTPS，而不将主机名硬编码到 URL 中。

我正在开发一个大型旧网站，因此使用不显眼的 javascript 并对现有标记进行最小更改的解决方案是理想的。

我意识到在目标页面上强制执行 HTTPS 效果更好，但在本例中这不是一个选项。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

季末如歌 2024-09-21 05:49:44

$("a").each(function () { 
    this.href = "https://" + window.location.host + this.pathname + this.search + this.hash;
});

您可以提供一个更具体的选择器，以确保它不会弄乱您不打算更改的任何链接，但我将其留给您，因为您知道要求。

$("a").each(function () { 
    this.href = "https://" + window.location.host + this.pathname + this.search + this.hash;
});

You could provide a more specific selector to make sure it doesn't mess up any links you didn't intend to change, but I leave that up to you since you know the requirements.

回复收藏 0 原文

白云不回头 2024-09-21 05:49:44

我认为您必须根据 window.location 上的片段自行构建 URL。

var path = anchor.href;

var httpsUrl = "https://" + 
  window.location.host + 
  (path.charAt(0) === '/' ? path : window.location.pathname + '/' + path);

或类似的东西（特别是如果有参数等）。

编辑 - 人们注意到，当您访问“href”值时，现代浏览器将返回完整的 URL，这使得在这些情况下更容易解决问题（因为您只需修复协议前缀）。（谢谢@丹尼尔！）

I think you're going to have to build the URL yourself from the pieces on window.location.

var path = anchor.href;

var httpsUrl = "https://" + 
  window.location.host + 
  (path.charAt(0) === '/' ? path : window.location.pathname + '/' + path);

or something like that (esp. if there's are parameters etc).

edit — it's been noted that modern browsers will give back the complete URL when you access the "href" value, making this an even easier problem to solve in those cases (as you just have to fix the protocol prefix). (Thanks @Daniel!)

回复收藏 0 原文

~没有更多了~