Question

所以我有一个有效的javascript文件，由html按钮触发。问题是，我试图让它，当点击按钮时，游戏将出现在iframe窗口内。如何实现这一目标？

HTML：

<input id="clickThis" type="button" value="JavaScript Game" onclick="this.disabled='disabled'; target="jsgame"; thatFunction();" />     
<iframe name="jsgame" id="jsgame" width="700px" height="700px"> </iframe>

Answer 1

您的html代码存在问题（与'和"相关），请将按钮代码更改为：

<input id="clickThis" type="button" value="JavaScript Game" onclick="this.disabled='disabled'; target='jsgame'; thatFunction();" />

定义在iframe中加载页面的javascript函数thatFunction，如下所示

<script type="text/javascript">
    function thatFunction()
    {
        document.getElementById("jsgame").setAttribute("src","frame.php");
    }
</script>

或此代码，因为我注意到您已将iframe的ID分配给javascript变量target

<script type="text/javascript">
    function thatFunction()
    {
        document.getElementById(target).setAttribute("src","frame.php");
    }
</script>

Answer 2

这真的是一个简单的javascript函数

function openGame(){
    document.getElementById("jsgame").src="http://www.example.com"; 
}

小提琴here

使用按钮在iframe中打开文件

2 个答案: