如何将 url 添加到 Webflow 中的灯箱？答案

【问题标题】：How do I add url to a lightbox in Webflow?如何将 url 添加到 Webflow 中的灯箱？
【发布时间】：2020-10-15 16:32:07
【问题描述】：

我正在开发一个 Webflow 网站。在主页上，我们有一个带有视频的灯箱。用户必须单击按钮才能查看灯箱。我们希望在灯箱可见时更改 URL，以使灯箱中的视频更易于分享。

如何为灯箱创建 URL？

【问题讨论】：

【解决方案1】：

假设 Webflow 具有不错的 JavaScript 功能，这是一种策略：

在不重新加载页面的情况下实际更改浏览器 URL 框和历史记录的方法是 history.pushState。链接是解释如何使用它的 MDN 文档。
要获取页面的URL，可以使用window.location
您可能要更改的网址部分是网址查询参数。如果只是一次，您可能只需手动执行此操作，例如将 /?lightbox=true 添加到基本 URL 的末尾。 JS 有一个方便的接口，称为URLSearchParams()，您可以使用它来定义这些参数并将它们打印到字符串中。
当页面加载时，您需要一个函数来检查 URL 是否包含灯箱的参数，以及它的值是什么。你可以用 URlSearchParams() 来做到这一点。示例：

var urlS=new URLSearchParams(window.location.search); //这会在页面加载时获取url参数中的任何内容
var lightbox=urlS.get('lightbox'); //这里获取lightbox参数

如果（灯箱==真）{ 灯箱激活（）； }

【讨论】：