2015-02-03 9 views
13

Mam stronę html, w której programowo ustawiam src dla iframe. Jak mogę przekazać parametry przez src iframe i uzyskać je w html podrzędnym?Jak przekazywać parametry przez iframe z macierzystego html?

Poniżej mój kodu:

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

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

Dodaj "? Parameters" do adresu, a następnie w iframe sprawdź "location.search". – Teemu

+0

iframe jest w iframe, czy to prawda? jeśli nie, twój kod jQuery będzie działał na elemencie iframe na tej samej stronie, wystarczy, że zwiniesz go w funkcji gotowej lub umieścisz go na dole strony tuż przed zamykającym tagiem body – Billy

+0

location.search działa dobrze. Dzięki Teemu – JavaLearner

Odpowiedz

14

na stronie głównej po prostu przekazać następujące parametry

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

iframe

Można użyć skryptu, aby uzyskać żądaną wartość parametru od parametrów przekazywanych do strony.

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

Następnie można pobrać wartość żądanego parametru jak ten

var param1 = getParamValue('param1'); 
0

należy zrobić stronę po stronie serwera jak (myIframeRequest.php) PHP/JSP i uzyskać wartość parametru w danej strony jeśli to s strona html następnie zanalizować window.location.href poprzez javascript i znaleźć zapytań/param

1

Jeśli masz nieco więcej kontroli nad swoim iframe piaskownicy, można spróbować postMessage API do komunikowania się z wiadomości o wydarzeniach chec spuście .

Powiązane problemy