iframe src 中的 JavaScript 函数

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