因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的，因为容易调试) 代码如下: var br = {}; br.spTags = [“img”,”br”,”hr”];/*不需要成对出现的标记*/ br.contain = function(arr,it){ for(var i=0,len=arr.length;i<len;i++){ if(arr[i]==it){ return true; } } return false; } br.subArtc
在JavaScript中，处理HTML字符串时，常常需要截取一段内容并保持其原有的HTML结构，以实现无损显示。本文将介绍一种实现方法，通过编写JavaScript代码来完成这一任务。
我们要理解问题的核心：不能简单地按字符数截取HTML字符串，因为HTML中的标签会影响文本的布局和显示。例如，图片`<img>`、换行符`<br>`和水平线`<hr>`等元素不应该被简单地截断。因此，我们需要解析HTML，识别出这些元素，并在截取时保持它们的完整性。
以下是实现这个功能的JavaScript代码：
```javascript
var br = {};
br.spTags = ["img", "br", "hr"]; // 不需要成对出现的标记
br.contain = function(arr, it) {
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] === it) {
return true;
}
}
return false;
}
br.subArtc = function(article, wordNum) {
// ...
};
```
这段代码定义了一个名为`br`的对象，其中包含两个方法：`contain`和`subArtc`。`contain`函数用于检查一个数组是否包含指定的元素，`subArtc`则是核心的截取函数。
`subArtc`函数首先初始化结果数组`result`，然后遍历`article`字符串，记录遇到的开始标签（startTags）和结束标签（endTags）。在遍历过程中，它会跟踪当前是否在标签内部（isInTag），以及当前字数（wcount），当字数达到`wordNum`时停止截取。
接着，函数对截取到的字串进行处理，识别出有效的开始和结束标签，剔除不需要成对出现的标记，如`img`、`br`和`hr`。然后，它计算开始和结束标签的数量差（unEndTagsCount），为未关闭的开始标签添加对应的结束标签，以保持HTML结构的完整性。
将处理后的结果字符串拼接返回。
这个功能虽然没有经过严格的测试，但基本思路是正确的。在实际应用中，可能需要考虑更复杂的情况，比如嵌套标签、属性丰富的标签等。如果有兴趣，你可以进一步测试和完善这个函数，或者参与讨论分享更好的实现方式。
通过这段JavaScript代码，我们可以实现对HTML内容的无损截取，保证了截取部分的HTML结构完整，从而在显示时不会破坏原文的布局和样式。这在处理文章摘要、预览等功能时非常有用。
