在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]);
});