html頁面清空標籤裡的內容

2021-09-26 15:26:00 字數 696 閱讀 6093

一、背景

由於頁面展示東西太多,而且可能相似的內容太多,肉眼一眼分清有點小難度,所以為了更好的展示需要看到的內容,我們要清理標籤中的內容

二、舉例

清除內容

function clearwindow()

以上是乙個比較好的清除標籤內容的方法,是由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();會清空內容和註冊在該標籤上的事件,因此這樣就防止記憶體洩露。

html常用標籤組成的頁面

發表個html常用標籤組成的頁面,沒事兒抄幾遍,方便把標籤都背下來。這是測試頁 這是換行標籤 段落標籤 居中標籤 上左 右 留存格式!下有序列表 h4h5 h6黑 下劃線 斜體 楷體藍色大小為5 印表機文字 舉例的斜體字 強調的斜體字 強調的黑體字 小型字型 大型字型 one跳轉至錨點1 跳轉至其他...

html常用標籤組成的頁面

發表個html常用標籤組成的頁面,沒事兒抄幾遍,方便把標籤都背下來。這是測試頁 這是換行標籤 段落標籤 居中標籤 上左 右 留存格式!下有序列表 h4h5 h6黑 下劃線 斜體 楷體藍色大小為5 印表機文字 舉例的斜體字 強調的斜體字 強調的黑體字 小型字型 大型字型 one跳轉至錨點1 跳轉至其他...

html常用標籤組成的頁面

發表個html常用標籤組成的頁面,沒事兒抄幾遍,方便把標籤都背下來。這是測試頁 這是換行標籤 段落標籤 居中標籤 上左 右 留存格式!下有序列表 h4h5 h6黑 下劃線 斜體 楷體藍色大小為5 印表機文字 舉例的斜體字 強調的斜體字 強調的黑體字 小型字型 大型字型 one跳轉至錨點1 跳轉至其他...