2016-04-10 3 views
2

私は、現在のHTMLに外部のHTMLファイルをインクルードする方法を学習し、このはdivとみなされるボディとフォームですか?

<html> 
<head runat="server"> 
    <title>Untitled Page</title> 
    <script type ="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script type="text/javascript" > 
     $(document).ready(function(){ 
     { 
      $("div").load("test.html") ; 
     } 
     }); 

    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div id = "div1" > 
     </div> 
    </form> 
</body> 
</html> 

test.htmlというコンテンツが

<h1>done!</h1> 

出力は

であるように、私は簡単なコードを書きました完了!

完了!

完了!

私は

$("#div1").load("test.html") ; 

または

$("form").load("test.html"); 

$("div").load("test.html") ; 

を交換するときに出力が

です

完了!

私は実際にサーバーサイドコードによって作成された追加のdivがありますどのようにASP.netを使用している場合、それは

+0

私の答えはdivとみなされません。 –

+0

エリアを右クリックして、ライブとしての要素を確認します。 – zer00ne

+0

そしてすべてのコード出力が完了しました! –

答えて

7

を働く知っていただきたいと思います。レンダリングされた後、あなたのページに何個のdivがあるかを正確に確認するには、F12inspect elementを試してみる必要があります。あなたが $("#div1").load("test.html");を使用する場合

あなたが $("form").load("test.html");を使用するときは、(デフォルトで)あなたのasp.netページ

に一つだけのフォームを持っているので、あなたが1つの出力のみを取得するには、また、あなたはそれで一つだけの要素を持っていますしたがって、そのdivだけがあなたのajax呼び出しの結果で埋められます。

希望します。

関連する問題