html - iframe 之后的网址

Question

我想在我的 HTML 页面中有一个文本框，还有一个iframe. 当用户在文本框中输入 URL 并单击提交时，iframe导航到该页面。当用户单击 中的链接iframe时，文本框中的 URL 也会更改为新 URL。是否可以？

注意：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;
}