jQueryを使用してiframeに入力のソースを表示する方法は？

おはよう、私は今jQueryの初心者ですが、iframeと入力を使って問題があります。状況は次のとおりです。ウェブサイトなどを入力してiframeに表示できる入力があります。私は多くを試みましたが、結果はありませんでした。ここに私のコードです。おかげさしさんに感謝します。jQueryを使用してiframeに入力のソースを表示する方法は？

<head> 
    <meta charset="utf-8"/> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href=""> 
</head> 
<body> 
    <input type="button" value="GO" onClick="getval()" /> 
    <input type="text" name="url" src="http://www.google.com" id="textframe"> 

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

    <script type="text/javascript" src="jquery/jquery-3.1.1.js"></script> 
    <script type="text/javascript"> 
     function getvalue() { 
      var xframe = $("textframe").val(); 
      $("targetframe").attr('src', xframe); 
     } 
    </script> 
</body>

出典

2016-11-07 Hamza_PUMP.MA

あなたの関数はのgetValueですが、あなたはボタンクリックでGETVALを呼び出しているになります。 – Phiter

間違えて申し訳ありません！私はちょうどそれを修正しました！ありがとうございました:) –

質問のコードを修正しないでください。将来の視聴者を混乱させる可能性があります。私の答えをチェックし、それが役立つかどうか確認してください。 – Phiter

未定義の関数を使用していて、idをクエリするときにjqueryオブジェクトにハッシュ記号を配置していませんでした。

スニペットを修正しました。これはうまくいくはずです。

function getval() { 
 
    var xframe = $("#textframe").val(); 
 
    $("#targetframe").attr('src', xframe); 
 
} 
 
$("#btnGo").click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="button" id="btnGo" value="GO" onClick="getval()" /> 
 
<input type="text" name="url" value="http://www.stackoverflow.com" id="textframe"> <br> 
 
<iframe src="" id="targetframe"></iframe>

のiframeが動作するために、URLにhttp://を必要としていることを覚えておいてください。

あなたのウェブサイトにしていると、あなたは、単にwww.google.comを行うと、あなたのウェブサイトがwww.example.comであれば、あなたのiframeソースはwww.example.com/www.google.com

出典

2016-11-07 10:05:54 Phiter

ありがとうございます。しかし、私はまだ同じ問題があり、何もiframeに表示されません！ –

私のスニペットを実行しようとすると、それは動作します – Phiter

問題はiframeがセキュリティ上の問題のためにstackoverflowで動かないということです。 – Phiter

jQueryを使用してiframeに入力のソースを表示する方法は？

答えて

関連する問題