在iframe中传递javascript变量

Question

i am trying to pass javascript variable in iframe

here is index.html in first domain

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

and in other domain i am uploading 99.html with below code

<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>

i am not getting cross origin issue i am getting this undefined error. Uncaught ReferenceError: details is not defined is this because code is executed before iframe is loaded? if so any solution ? i cant use onclick

Answer 1

IF you could, it would be parent.details but just pass it to the page:

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

Then

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