iframe中的JavaScript函數src

Question

我是JavaScript新手。

我有一個javascript函數返回我的國家名稱。現在我必須將這個值放在iframe的src中。我的JavaScript函數如下：

<script type="text/javascript"> 
var country = $("#SCountry").val(); 
function getCountry() 
{ 
    var country = $("#SCountry").val(); 
    return country; 

} 
</script> 

我得到國家的價值，但不能將它納入iframe的src。我的iframe src如下：

src='https://example.com/?country="javascript:getCountry()"' 

這是行不通的。

Answer 1

你可以達到你的iFrame像這樣的「內容」（只是一定要給出一個ID爲的iFrame）這是一個純粹的JS解決方案：

document.getElementById("iframe_id").contentDocument.getElementById("destination_id").innerHTML = country ; 

而且你的iframe代碼可能看起來像：
<iframe src='https://domain.com/' id="iframe_id">``</iframe>

OR

用PHP：

個JS：

`document.getElementById('iframe_id').src = 'https://domain.com/?country=' + country;` 

PHP中的iframe：

$country = $_POST["country"]; 
echo $country; // this echo you can use where you want the result to show up. 

Answer 2

這將設置iframe的

<script type="text/javascript"> 
var country = $("#SCountry").val(); 
document.getElementById("iframeid").setAttribute("src","https://domain.com/country="+country) 
</script> 

Answer 3

的源屬性值不能直接給在IFRAME SRC屬性JavaScript代碼。

相反，你可以使用JavaScript設置iframe的SRC像下面

<iframe id="frame"></iframe> 

<script> 
    window.onload = function() { 
     document.getElementById('frame').src = 'https://domain.com/?country=' + getCountry(); 
    } 
</script> 

在上述方法中，我們沒有設置src屬性最初由於這個IE會安全警告。更好地遵循以下方法

<iframe src='/images/spacer.png' onload="this.src = 'https://domain.com/?country=' + getCountry();"></iframe> 

<!-- /images/spacer.png meant to be any file. Lesser size is better -->