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(htmlcode)

于 2013-01-11T09:34:51.473 回答
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 回答
0

我这样做：

  1. 在 html 文档的末尾添加模板代码
  2. 使用 jquery 获取它并删除 id-tag
  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 回答