0

iframe で html ページにミニ ブラウザを作成しようとしました。

<table id="frame" height="100%" width="100%" border="0">
<tr>
    <td>Enter the address: 
      <label for="address"></label>
    <input type="text" name="address" id="address">
    <input type="submit" name="go" id="go" value="Go"></td>
  </tr>
  <tr>
    <td><iframe src="http://www.google.com" width="100%" height="100%"></iframe></td>
  </tr>
</table>

しかし、アドレス値を取得してgoogle.comの代わりに配置する方法がわかりません.htmlまたはjavascriptでそれを行う方法は?

4

3 に答える 3

3

srcを使用して Javascript から属性を設定し、ノードidを取得できます。iframe

Address: <input id="address">
<input type="button" value="go" onclick="visit()">
<br>
<iframe id="my_iframe"></iframe>
<script>
    function visit() {
        var address = document.getElementById("address").value;
        document.getElementById("my_iframe").src = address;
    }
</script>

ただし、この方法でアクセスできないサイトが多数あることに注意してください。理由は複雑です (そして、IMO はややばかげています) が、要点は、一般的に使用できる手法ではないということです。

于 2013-09-26T14:41:26.460 に答える
0

次の JavaScript (jQuery) コードを使用します。

$(function() {
  var iframe = $('#my-iframe-id');
  var oldurl = iframe.attr('src'); // to get the url
  var newurl = 'http://myurl';
  iframe.attr('src', newurl); // to set the url
});
于 2013-09-26T14:41:03.803 に答える