嵌入iFrame表單-如何獲取父URL

Question

我有一個表格，其他人將嵌入他們的網站中：

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

如果用戶在其網站上提交該表單（即，該表單已嵌入其網站上的iframe中），那么我將如何從請求中獲取parentURL，這可能嗎？

Answer 1

跨站點腳本安全性可以防止這種情況的發生，為此，您應該向用戶提供腳本，該腳本會將父url窗口路徑傳遞到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>