Question

我正在尝试使用我创建的变量设置当前的iframe源，但它似乎不起作用。我认为我的JavaScript语法错误。

我的脚本是：

            <script type="text/javascript">
              $(document).ready(function(){
                var iframeAttributes = window.location.search; 
                var iframeForm = 'www.test.com/form.html';
                var iframeURL = iframeForm + iframeAttributes; 
                $('.testframe').attr('src', iframeURL);
              });
            </script>

我的IFrame代码是：

            <iframe id="testframe" src="" width="600" height="586" frameBorder="0">></iframe>

Answer 1

你的选择器错了：

$('.testframe').attr('src', iframeURL);

这会尝试使用类 testframe查找元素，但您已在ID中设置了HTML，而不是类。

使用此选项可以选择标识为testIframe的元素：

$('#testframe').attr('src', iframeURL);

Answer 2

包括协议http：或https：

<script type="text/javascript">
$(document).ready(function(){
    var iframeAttributes = window.location.search; 
    var iframeForm = 'http://www.test.com/form.html';
    var iframeURL = iframeForm + iframeAttributes; 
    $('#testframe').attr('src', iframeURL);
});
</script>

Answer 3

使用功能，以便将其应用于您想要的任何iframe：

function changeIframeSrc(id, source){
      $(id).attr('src', source);
}

使用示例：

changeIframeSrc("#iframe_tab", "http://google.com"); //Notice you can also pass a class into the function instead of an id

如何使用变量填充iframe源？

3 个答案: