首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用外部文件中定义的元素替换Div

用外部文件中定义的元素替换Div
EN

Stack Overflow用户
提问于 2015-04-25 00:37:22
回答 2查看 29关注 0票数 0

假设我有

代码语言:javascript
复制
<div>
    <div id="stuff">
        <!-- stuff -->
    </div>
</div>

有没有办法将<div id="stuff">的内容放到一个文件中--比如stuff.html --然后用下面这样的代码替换上面的代码:

代码语言:javascript
复制
<div>
    <stuff.html>
</div>

编辑:我更喜欢angularjs,但也对jQuery解决方案持开放态度。我应该从外面看得更清楚,而不是只留下一个悬垂的角度标签。

EN

回答 2

Stack Overflow用户

发布于 2015-04-25 00:39:34

使用jquery

代码语言:javascript
复制
<script src="jquery.js"></script> 
<script> 
    $(function(){
      $("#includedContent").load("stuff.html"); 
    });
</script> 

然后,在后面的代码中:

代码语言:javascript
复制
<body> 
     <div id="includedContent"></div>
</body> 
票数 1
EN

Stack Overflow用户

发布于 2015-04-25 00:42:50

Angular通过ng-include提供模板加载。

在您的情况下,您可以执行以下操作:

代码语言:javascript
复制
<div>
    <div ng-include="'stuff.html'"></div>
</div>

对双引号字符串进行节点操作。如果没有双引号,指令将尝试解析当前作用域中的值。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29852922

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档