0

こんにちは、ブラウザでコードを実行するときにこの html をレンダリングしたいタグ内に html コンテンツがあります。コードは次のとおりです。

<script>
<div class="wrapper">
  <header class="clearfix">
    <div class="container"> <a id="logo" href="index.html">Login</a>
      <ul class="social-icons">
        <li><a href="#" class="icon flip">Sign Up |</a></li>
        <li><a href="" class="icon">Forget Password</a></li>
      </ul>
    </div>
  </header>
  <section>
    <article class="clearfix" >
      <aside role="complementary" class="shadow">
          <div id="error"></div>
          <form class="c-form" name="login" id="login">
          <input type="text" id="user-name" name="email" value="User Name">
          <input type="text" id="password" name="password" value="Password">

          <input type="submit" class="button green" value="Sign Up">
        </form>
      </aside>
    </article>
  </section>

</div>
</script>

事前に感謝します。

4

4 に答える 4

0

スクリプトタグにIDを付け、そのタグを選択して、そのhtmlコンテンツを追加するだけです。ここを参照してくださいhttp://jsfiddle.net/rohhittt/zwMNr/

$(document).ready(function(){
   $('body').append($("#scriptId").html());
});
于 2013-01-11T09:30:26.847 に答える
0

完全な HTML を文字列として Javascript 変数に割り当て、その変数をこのスニペットを配置する場所に配置します

var htmlcode =テンプレートの HTML コード

$("#testDiv").html(htmlコード)

于 2013-01-11T09:34:51.473 に答える
0

私はこのようにします：

  1. テンプレート化されたコードを HTML ドキュメントの最後に追加します
  2. jquery で取得し、id タグを削除します。
  3. 必要な場所に挿入します

ステップ1： 

<body>
    <div id="templateContainer" style="display:none;">
        <div id="templateForYou"><h1>Test</h1></div>
    </div>
</body>

ステップ2： 

//step 2
var template = $('#templateForYou').clone().removeAttr('id');
// step3
$('#someWhereElse').append(template);
于 2013-01-11T09:47:47.810 に答える
0

遅くなりましたが、とにかく考え方は先人が仰っていた通りです。スクリプト タグに ID パラメータを追加し、タイプを text/html に設定します。このように、スクリプトから DOM にコンテンツを「注入」するだけです (jQuery を使用してください)。

<span>Some text</span>  
<div id="injectionArea">
</div>

<script id="scriptContainer" type="text/html">
  <div>SOME CONTENT INSIDE SCRIPT</div>
</script>

$('#injectionArea').html($('#scriptContainer').html());

フィドルの例http://jsfiddle.net/ypcjG/2/

于 2013-01-11T09:37:15.527 に答える