1

「iframe」という名前の Web サイトに埋め込まれた iFrame と、「form」と呼ばれる 1 行のテキスト フォームと、「navigate」と呼ばれる送信ボタンがあります。

「ナビゲート」を押したときに「フォーム」に入力されたURLに「iframe」がナビゲートするようにしたい

また: http://www.example.com.htm/http://www.stackoverflow.com/の下など、Web ページの URL の最後に iframe の URLを追加することは可能ですか?

4

1 に答える 1

0

「ナビゲート」ボタンでonClick JavaScript関数を呼び出すか、送信時にアクションを実行することで、iframe URLを設定できます。

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

関数自体については、JavaScript が URL の場所を変更するために使用できる iframe に ID を設定できます。

<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 に答える