从html获取一些文本然后应用于另一个html

时间:2014-12-29 18:56:22

标签: javascript jquery html

我有一个包含整个网站内容的html文件,每个文本部分都在一个带有id的p标签中。现在在另一个html中,例如address.html我想从那个内容html中获取地址文本。我尝试了以下方法:

.controller('addresscontroller', function($scope,$http){
  var xx = document.getElementById("addressSection").innerHTML;
  document.getElementById("address").innerHTML = xx;
});
})
;

一些解释:在内容html中,有一个看起来像这样的部分

<p id="addressSection">the address</p>

在address.html中,我想将地址应用于:

<p id="address"></p>

现在问题似乎是它没有从内容html中读取。对此有何帮助?

顺便说一句,我也尝试使用iframe和embed,iframe总是有一个框架,嵌入只能应用整个内容html所以我想这些都不是一个好主意。

1 个答案:

答案 0 :(得分:0)

在address.html中,输入:

$('#address').load('content.html #addressSection');

这会将加载页面中的标识为addressSection的元素的内容(本示例中为content.html)应用于当前页面中标识为address的匹配元素。

请参阅http://api.jquery.com/load/