在iframe中傳遞javascript變量

Question

我試圖在iframe中傳遞javascript變量

這是第一個域中的index.html

 <script>var details ='test999'</script>;
 <iframe src="http://somedomain.com/99.html" frameborder="0" width="100%" ;scrolling="yes""></iframe>

在其他域中，我正在使用以下代碼上傳99.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
  $(document).ready(function() {
    $("#prithere").html('' + details + '');
  });
</script>

<div id="prithere"></div>

我沒有跨源問題，但是我得到了這個未定義的錯誤。 未捕獲的ReferenceError：未定義詳細信息是因為在加載iframe之前執行了代碼？ 如果有什么解決辦法？ 我不能使用onclick

Answer 1

如果可以的話，它將是parent.details但只需將其傳遞給頁面即可：

<script>
var details ='test999'; 
document.write('<iframe src="http://somedomain.com/99.html#details='+details+'"....</iframe>');
</script>

然后

$(document).ready(function() {
  $("#prithere").html(location.hash.split("details=")[1]);
});