如何在Gravity Forms确认设置中用JavaScript延迟页面跳转？

DevOps 小满

2026-7-14

解决Gravity Forms延迟跳转的替代方法

由于Gravity Forms的安全过滤会移除<script>标签，且无法修改PHP文件，可尝试以下无需独立脚本标签的实现方式：

使用meta刷新标签
直接在确认页面的文本编辑器中添加纯HTML的meta刷新标签，这种写法通常不会被安全过滤拦截：
```
<meta http-equiv="refresh" content="3.5; url=https://intranet.onyxcollection.com/shop-management/home/lav-accessory-casting/">
```
content属性中，3.5代表延迟秒数，后面紧跟目标跳转URL即可。
利用图片onload事件触发跳转
添加一个隐藏的空图片，通过图片加载完成的事件执行延迟跳转逻辑，避开独立<script>标签的限制：
```
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" 
     onload="setTimeout(function(){window.location='https://intranet.onyxcollection.com/shop-management/home/lav-accessory-casting/'}, 3500);" 
     style="display: none;">
```
这里使用base64编码的1x1透明GIF，加载完成后会触发onload事件，执行预设的延迟跳转代码。
绑定body内联onload事件（视编辑器支持情况）
如果确认页面的文本编辑器允许添加body属性，可直接在body标签上绑定跳转逻辑：
```
<body onload="setTimeout(function(){window.location='https://intranet.onyxcollection.com/shop-management/home/lav-accessory-casting/'}, 3500);">
```
注意：若编辑器是在现有body内部，需根据实际页面结构调整写法，但部分表单工具支持此类内联事件配置。