javascript - 从 iframe 中的变量打开链接

标签 javascript html iframe href

    <script language="Javascript" type="text/javascript">
    function Next(){
        var randp = Math.floor(Math.random()*3);
        switch(randp){
            case 0:
                var websel = "http://w3schools.com";
                break;  
            case 1:
                var websel = "http://www.bbc.com/";
                break;
            case 2:
                var websel = "http://en.wikipedia.org/wiki/BBC";
                break;
            default:
                document.write("Error SWITCH(randp) " + randp + " ");
                break;
        }
    }
    </script>

    <iframe name="iframea" src="http://w3schools.com" seamless="seamless" scrolling="auto" height="560px" width="1080px" align="middle" scale="1.5"></iframe> 

 <input type="button" value="Next" onClick="Next()">

很抱歉问了这个基本问题。我需要添加什么才能让下一个按钮打开一个链接(该链接是函数中的变量),目标为 iframe。 谢谢

最佳答案

您必须按如下方式更改 iframe 的 src:

        <script language="Javascript" type="text/javascript">
        function Next(){
            var randp = Math.floor(Math.random()*3);
            switch(randp){
                case 0:
                    var websel = "http://w3schools.com";
                    break;  
                case 1:
                    var websel = "http://www.bbc.com/";
                    break;
                case 2:
                    var websel = "http://en.wikipedia.org/wiki/BBC";
                    break;
                default:
                    document.write("Error SWITCH(randp) " + randp + " ");
                    break;
            }
            alert(websel);
            document.getElementById("iframea").src=websel;
        }
        </script>

        <iframe name="iframea" id="iframea" src="http://w3schools.com" seamless="seamless" scrolling="auto" height="560px" width="1080px" align="middle" scale="1.5"></iframe> 

     <input type="button" value="Next" onClick="Next()">

顺便说一句,您可能会查看这个网站 this question是类似的。

关于javascript - 从 iframe 中的变量打开链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15659749/

相关文章:

javascript - 如何使用模式对话框 Bootstrap 获取输入表单的值?

javascript - 负边距在非 Chrome 浏览器中无法正确呈现

html - CSS 变换 : Scale misaligns overlapping divs

javascript - 在 iframe 加载时隐藏加载器

javascript - chart.js 创建图表失败 : can't acquire context from the given item

加载页面后聚焦于某个div的Javascript代码

javascript - 如果没有子元素,通过JQuery隐藏元素中的所有文本

javascript - 我可以删除 div 并更改从另一个页面导入的 Iframe 中内容的样式吗?

javascript - iFrame 高度不适用于所有浏览器

javascript - 如何在 Chrome 中使用 WebCL?