Question

我希望在我的HTML页面中有一个文本框，还有一个iframe。当用户在文本框中键入URL并单击“提交”时，iframe将导航到该页面。当用户点击iframe中的链接时，文本框中的网址也会更改为新网址。有可能吗？

注意：欢迎使用不使用iframe的解决方案，但它们应该实现与iframe大致相同的功能。

Answer 1

为您的文本框添加一个id，例如“txtInput” 给你的iframe一个id，例如“myIframe” 在按钮上没有导航，所以它保持在当前页面并使用onclick =“myFunction（）”

在函数中你可以使用它（对不起，如果这有点错误，因为我使用HTML已经有一段时间了

    function myFunction()
    {
        var iframe = document.getElementById("myIframe");
        var input = document.getElementById("txtInput").text;

//check to see if there is a valid url in the text box be carefull if there are multiple links in the text box it will put them all in and the iframe will go to 127.0.0.1 or search engine due to incorrect URL
        var isURL=new RegExp(/(((f|ht)(tp|tps):\/\/)[\w\d\S]+)/,g);

        iframe.src = input.match(isURL);
    }

如果你不想搞乱常规表现，你可以简单地使用以下内容。

function myFunction()
{
    var iframe = document.getElementById("myIframe");
    var input = document.getElementById("txtInput").text;

    iframe.src = isURL;
}

iframe后面的网址

1 个答案: