Question

我是一个html菜鸟，我只是想知道是否可以制作一个文本框，您可以在其中键入网站，当您点击提交时，它将在您选择的iframe中加载网站。

Answer 1

  <html>
    <head>
      <title> Answer </title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      <script type="text/javascript">
        $(function()
        {
          $('.frmSubmit').click(function(e)
          {
            $('#dynFrame').attr('src', $('.frmUrlVal').attr('value'));
            e.preventDefault();
          });
        });
      </script>
    </head>
    <body>
      <form>
        <input type="text" class="frmUrlVal">
        <input type="submit" class="frmSubmit" value="Go">
      </form>
      <iframe src="http://www.google.com" width="100%" height="400" id="dynFrame"></iframe>
    </body>
  </html>

Answer 2

<html>
<head>
<script language="JavaScript">
function SendMe()
{
  document.all.myframe.src = document.forms[0].txtval.value;
}
</script/>
</head>
<body>
<form name="myform">
<input type="text" name="txtval">
<input type="button" value="Go" onclick="javascript:SendMe()">
<br>
<iframe src="http://www.google.com" width="400" height="200" name="myframe"></iframe>
</form>
</body>
</html>

文本框输入目标iframe

2 个答案: