2014-11-16 44 views
0

我有一個表格,其他人會在他們的網站上嵌入:嵌入的iFrame形式 - 如何讓家長URL

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

如果用戶提交自己的網站,形式(即,它嵌入在他們的網站上的iframe中),如何從請求中獲得parentURL,這是可能的嗎?

回答

1

跨站點腳本安全性阻止了這一點,要做到這一點,您應該向用戶提供腳本,該腳本將父路徑窗口路徑到iframe。

在頁面包含的iframe:

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

在你的iframe頁面,您可以通過訪問urlVal

parent.urlVal 
+0

如果iframe在單獨的域中,那麼您的解決方案將會存在潛在的問題。它需要通過設置document.domain或其他方法來採取其他措施。 –

1

確保腳本在onload事件或只是收盤前body標籤,以便與ID存在的元素

<script> 
 
\t var url=document.location.href; 
 
\t 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>