使用文本框更改 Iframe 中的 URL

Question

我有一个网站 http://speedie.mobi/emulator4/ 我想添加一个文本框，其中人们可以添加自己的网址来更改手机中显示的内容。

它只是使用一个简单的 iframe 浏览器。

因此，通过在文本框中添加他们的 url，它将用他们的 url 替换当前 url。

昆汀

Answer 1

<script>
    function goTo() {
        var input = get("box").value,
            frame = get("frame");

        if(input.match(/\bhttp(.)*/)) {
            frame.src = input;
        } else {
            input = "http://" + input;
            frame.src = input;
        }      
    }

    function get(id) {
        return document.getElementById(id);    
    }  
</script>

<input type="text" id="box" value="http://www.example.com" />
<button onClick="goTo();">go</button>

<iframe src="http://www.example.com" frameborder="0" id="frame" width="100%" height="90%"></iframe>

--> 示例 <--

Answer 2

使用 jQuery，

var url = $('#urltext').value();
$('#targetframe').attr('src',url);>