HTML 獲取 修改html頁面標題

2021-09-07 03:05:54 字數 641 閱讀 4526

作為乙個標準的html文件,網頁標題(title)是必不可少的屬性。隨著瀏覽器的發展,我們又多了一種訪問和修改文件的方式:dom。所以我們獲取網頁標題的方式大致可分為以下兩種:

通過document物件訪問title

vartitle = document.title;

通過dom方式訪問title

vartitle = document.getelementsbytagname('title')[0];

但是這兩種獲取方式是截然不同的,document.title這種方式可以直接獲得網頁標題的字串副本,它返回乙個字串;然而通過dom方式獲取的則是html文件中的title結點物件。

firefox在此處表現非常完美。不過除ff和ie,其他的瀏覽器我沒有測試過,感興趣的朋友可以嘗試著去試試。(估計都會比ie表現的要好^^)

有句話說的好,老方法不一定就過時,存在多年的document.title在這時凸顯了它的優勢,因為這個屬性既能獲取網頁標題也能修改標題,同時html文件中的title節點也會同步地更新。所以:

目前對於ie瀏覽器而言,唯一修改網頁標題的方式就是使用document.title這種古老而不過時的方法。同時,這種方法對於其他瀏覽器也同樣適用。

結論在web開發中,若要處理網頁標題的問題,需要注意一下幾點:

HTML頁面從JS獲取資料

最近在寫網頁,遇到了好多問題,慢慢解決並且記錄。html從js獲取資料,方法有很多 例如document.getelementbyid bar innerhtml test 或者 var value test var odiv document.getelementbyid div odiv.inn...

html頁面中引入html

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...

通過DOM操作獲取html頁面元素

1.通過id名 document.getelementbyid 2.通過tag名 document.getelementbytagname document.getelementsbytagname 3.通過class名 document.getelementsbyclassname 4.通過sel...