How to pass parameters through iframe from parent html?

Question

I have a html page in which I am setting the src for an iframe programmatically. How can I pass parameters through the iframe src and get them in the child html?

Bel

Answer 1

On the main page simply pass parameters as follows

function myFunction(){
$('#myIframe').attr('src', "myIframeRequest.html?param1=value1¶m2=value2"); 
} 

In Iframe

You can use a script to get the desired parameter value from parameters passed to page.

Then you can fetch the value of desired parameter like this

var param1 = getParamValue('param1');