我正在Webflow网站上工作。在首页上，我们有一个带有视频的灯箱。用户必须单击按钮才能查看灯箱。我们希望在可见灯箱时更改URL，以使灯箱中的视频更具共享性。
如何为灯箱创建URL？
iCMS 回答：如何在Webflow中的灯箱中添加URL？
假设Webflow具有不错的JavaScript功能，这是一种策略：
-
在不重新加载页面的情况下实际更改浏览器URL框和历史记录中内容的方法是history.pushState。链接的是MDN文档，说明了如何使用它。
-
要获取页面的URL，可以使用window.location
-
您可能要更改的URL部分是URL查询参数。如果只有一次，您可能可以手动执行此操作，例如在基本URL的末尾添加/？lightbox = true。 JS有一个方便的界面，称为URLSearchParams()，可用于定义这些参数并将其打印为字符串。
-
页面加载时，您需要一个函数来检查URL是否包含灯箱的参数及其值。您可以使用URlSearchParams（）来实现。示例：
var urlS =新的URLSearchParams（window.location.search）; //当页面加载时，这将获得url参数中的任何内容
var lightbox = urlS.get（'lightbox'）; //这将获得灯箱参数if（lightbox == true）{ lightboxActivate（）; }