1

好的，我在一个名为“iframe”的网站上嵌入了一个 iFrame，一个名为“form”的单行文本表单和一个名为“navigate”的提交按钮

当我按“导航”时，我希望“iframe”导航到在“表单”中键入的 url

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

4

1 回答 1

0

您可以通过让“导航”按钮调用 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>
于 2013-02-28T01:33:27.690 回答