javascript - 在提交 IFRAME 表单之前，将父 url 保存到隐藏字段

Question

我在 iFrame 中显示我的联系表单(用于潜在客户)。我需要做的是保存父网址，然后在提交表单之前(或在页面加载时)将此网址插入到我的隐藏字段中。我需要知道表单是从哪个 URL 提交的。

我的代码仅适用于 chrome 控制台。但是当我将此代码放入父 html 中时，代码就在那里，但不起作用

jQuery(".gfiframe").contents().find("#gform_submit_button_1").click(function(){
    jQuery(".gfiframe").contents().find("#input_1_2").val('test');
});

获取我使用的父网址

var $location = location.host;

Answer 1

location.host 是相对于 iframe 的。相反，使用 document.referrer jsFiddle Example

发送 iframe 的 HTTP header 时，iframe 的父级将作为引用地址发送，因此使用 document.referrer 将生成 iframe 的父级 URL

更新:在 iframe 内(而不是外部)使用 jQuery 将父 URL 添加到正在提交的表单

$('input.parent_url').val(document.referrer);