Question

我正在尝试将JavaScript变量用作src中的<iframe>，然后用户可以通过在菜单中选择scr来加载其他内容变量。默认的src网址为apps/start.php。

这是我index.php的一些代码：

    <script>
        var appurl = "start.php";
        document.getElementById("app").src = "apps/" + appurl();
    </script>

    <iframe id="app" src="">

    </iframe>

问题是我无法让第一个小部分工作...... <script>标记位于<head>。当src正在更改时，新文档会自动加载吗？

Answer 1

问题是Javascript是在iframe存在之前运行的。将您的javascript放在iFrame下方或文档内准备就可以了。

示例文档onload：

<script>
    window.onload = function ()
    {
        var appurl = "start.php";
        document.getElementById("app").src = "apps/" + appurl();
    }
</script>

<iframe id="app" src="">

</iframe>

Answer 2

等待页面加载（请注意，只有当iframe位于您的域中时才会起作用）

window.onload = function(){
 var appurl = "start.php";
 document.getElementById("app").src = "apps/" + appurl;
};

Answer 3

<script>
    window.onload = function ()
    {
        var appurl = "start.php";
        document.getElementById("app").src = "apps/" + appurl;
    }
</script>

<iframe id="app" src="">

</iframe>

Answer 4

尝试

<script>
window.onload = function(){
 var appurl = 'start.php';
 document.getElementById("app").src = "apps/" + appurl;
};
</script>

使用JavaScript变量作为iframe src？

4 个答案: