Как передать параметры через iframe из родительского html?

У меня есть html-страница, в которой я устанавливаю src для iframe программно. Как передать параметры через iframe src и получить их в дочернем html?

Ниже моего кода:

<iframe id="myIframe" src="" height="250px"  width="100%" scrolling="yes" frameborder="0"></iframe>

function myFunction(){
$('#myIframe').attr('src', "myIframeRequest.html"); 
}

Ответы

Ответ 1

На главной странице просто передайте параметры следующим образом

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

В Iframe

Вы можете использовать script, чтобы получить требуемое значение параметра из параметров, переданных на страницу.

<script>
function getParamValue(paramName)
{
    var url = window.location.search.substring(1); //get rid of "?" in querystring
    var qArray = url.split('&'); //get key-value pairs
    for (var i = 0; i < qArray.length; i++) 
    {
        var pArr = qArray[i].split('='); //split key and value
        if (pArr[0] == paramName) 
            return pArr[1]; //return value
    }
}
</script>

Затем вы можете выбрать значение требуемого параметра, например

var param1 = getParamValue('param1');

Ответ 2

Если у вас немного больше контроля над вашей изолированной песочницей iframe, вы можете попробовать postMessage API для связи с сообщением о событиях, которые вы хотите триггер.

Ответ 3

вы должны сделать страницу на сервере, например (myIframeRequest.php) php/jsp, и получить значение параметра на этой странице, если это html-страница, затем проанализировать window.location.href через javascript и найти запрос/param