Question

好的我在名为“iframe”的网站上嵌入了iFrame 并且单行文本形式称为“表单” 还有一个名为“导航”的提交按钮

当我按“导航”时，我希望“iframe”导航到“表单”中输入的网址

此外：是否可以添加 iframe的网址到网页网址的末尾，例如 http://www.example.com.htm/http://www.stackoverflow.com/

Answer 1

您可以通过让“导航”按钮调用onClick javascript函数或对提交执行操作来设置iframe URL。

<form action="JavaScript:navigate()">...</form>

对于函数本身，您可以为iframe设置ID，javascript可以使用它来更改URL位置。

<script> function navigate(){ window.frames['Iframe'].document.location.href = document.getElementByID('newLink').value; } </script>

并为iframe执行：

<iframe id="Iframe" src=""></iframe>

所以你的最终代码应该是这样的。

    <html>
    <head>
    <title>iFrame</title>
    <script>
    function navigate(){
window.frames['Iframe'].document.location.href =  document.getElementByID('newLink').value;
}    
</script>
    </head>
    <body>
    <form action="JavaScript:navigate()">URL: <input type="text" id="newLink">

     <iframe id="Iframe" src=""></iframe> 


    </body>
    </html>

如何使用表单导航iframe（HTML）

1 个答案: