一、背景
由于页面展示东西太多,而且可能相似的内容太多,肉眼一眼分清有点小难度,所以为了更好的展示需要看到的内容,我们要清理标签中的内容
二、举例
<code id="show"></code>
<a href="javascript:clearWindow();">清除内容</a>
function clearWindow(){
$("#show").empty();
}
以上是一个比较好的清除标签内容的方法,是由jquery的empty()方法实现的。当然还有其他的方法,如下:
1.原生js实现
document.getElementById('show').innerHTML = '';
2.jquery实现
方法一
$('#show').html('');
方法二
$('#show').empty();
但jquery的两种方式有区别:
方法一(’#show’).html(’’);会造成内存泄漏,它只清空该对象的内部元素,但是不会清除注册在内部元素上的事件。如果id=show的code标签上还注册有其它事件,那些事件代码也要占用内存。你使用$(’#show’).html(’’);来清空标签的内容,当然也可以清空内容,但是注册在这些code标签上的事件代码并没有被清理掉,这些事件代码仍然保留在内存里,并且无法得到释放。
而方法二(’#show’).empty();会清空内容和注册在该标签上的事件,因此这样就防止内存泄露。