Question

我有一张其他人会嵌入其网站的表单：

<form method="post" action="http://example.com/">
    <input type="text name="name" />
    <input type="submit" />
</form>

如果用户在其网站上提交该表单（即，它嵌入在其网站上的iframe中），我将如何从请求中获取parentURL，这可能吗？

Answer 1

跨站点脚本安全阻止了这一点，为此，您应该为用户提供脚本，将父网址窗口路径化为iframe。

在包含iframe的页面中：

<script>
urlVal = document.location;
</script>

在您的iframe页面中，您可以通过以下方式访问urlVal

parent.urlVal

Answer 2

确保脚本处于onload事件中或在关闭body标记之前，以便具有ID的elem存在

<script>
	var url=document.location.href;
	document.getElementById("fromSite").value=url;
</script>

<form action="#">
<label for= "firstname" id="firstname">First Name*</label>
<input type='hidden' value='' name='fromSite' id="fromSite"/>
<input type="text" name="firstname">
<button type="submit">Submit</button>
</form>

嵌入iFrame表单 - 如何获取父URL

2 个答案: