JS計算字串在瀏覽器中顯示的寬度

2021-09-26 14:02:36 字數 513 閱讀 3207

這個時候就需要知道內容到底多寬。

一 、估計法

假設文字大小是14px,如果字元的長度是10,那麼內容的寬度大概是14*10=140

,這種方法顯然誤差很大,數字,特殊字元,英文本母,漢字的大小各不相同。

二、真實計算法

利用offsetwidth獲取寬度

有時我們在計算寬度的時候,可能無法獲取父節點的dom物件,這個時候怎麼辦呢?

話不多說直接上**

function

computedtextwidth

(text)

let str =

'哈哈哈哈哈哈hhhhhh,。.,%$^!@(*&%^12345'

;computedtextwidth

(str)

;

總的思路就是:在計算方法裡建立字串的容器span,在把span掛載到body下,再利用

offsetwidth獲取寬度,然後再移除span。

瀏覽器 user agent 字串的故事

你是否好奇標識瀏覽器身份的user agent,為什麼每個瀏覽器都有mozilla字樣?然而很快就出現了另乙個瀏覽器,這就是著名的mozilla,中文名稱摩斯拉。一說 mozilla mosaic killer,意為mosaic殺手,也有說法是 mozilla mosaic godzilla,意為馬...

IE瀏覽器UserAgent字串錯誤

我們通過瀏覽器的字串來確定瀏覽器的版本號,有時候出錯。原因是這些有問題的電腦中標明瀏覽器版本的登錄檔不正確。解決方法 開始 執行regedit 開啟登錄檔,找到以下登錄檔 項,刪除version鍵,重啟瀏覽器後問題解決。hkey current user software microsoft win...

利用js在瀏覽器中定位節點並且高亮顯示節點間的內容

最近開發的乙個專案需要用js在瀏覽器中實現對介面上某一標籤內的內容進行高亮反選,簡單說就是類似於拖拽滑鼠選中某段文字的那種反選效果。當然內容不是隨便選中的,而是選擇了被某種標籤所包含的文字。開始的時候沒有一點頭緒,找了很多資料 做個很多實驗 終於找到了在ie和ff下都能過通過的方法。其實反選的話,主...