知识点：匹配字符串中的子串，并让子串红色显示、格式化输出json、元素点击之后hover失效、word-wrap:break-word和word-break:break-all

匹配字符串中的子串，并让子串红色显示、格式化输出json、元素点击之后hover失效、word-wrap:break-word和word-break:break-all

五、匹配特定的字符串，让其突出显示

    var subStr = "abc";
    var reg = new RegExp("(" + subStr + ")", "g");
    var str = "dsafadfdsfabsabcfefaefeabcfdsfafefaefaes";
    var newstr = str.replace(reg, "<font color=red>$1</font>");
    document.write(newstr);

六、格式化输出json

    JSON.stringify(object,null,2)
    JSON.stringify(object,undefined,2)

其中第三个参数表示指定缩进用的空白字符串

七、jQuery中，某个元素被点击之后hover失效

使用jQuery的click为某元素加上css样式，之后该元素原有的hover事件失效，原因是click加上的css权值比外联的css权值大。所以是点击之后原有css被覆盖了。解决方法也很简单，为原有的css hover样式加上!important。

八、word-wrap:break-word和word-break:break-all

word-wrap:break-word表示超出部分按单词截断，会保持单词的完整。 word-break:break-all则会从单词中间截断。

word-wrap无效的情况：

1. 对行内元素无效
2. 设置了white-space:nowrap时无效，需将white-space设置为normal
3. 对table下的td设置无效