H5頁面設置title,解決設置默認title為空時閃爍問題


H5頁面中常常需要通過js動態設置title信息:

在頁面加載完成后通過js更新title內容時,會卡頓一下,閃爍一下默認title內容,后變為更新的內容(如果HTML中title標簽為空時,瀏覽器會默認顯示為頁面地址信息);

為解決以上問題,可在html模板頁面內容前插入script標簽, document.title = '\u200E';  設置title為空,在頁面加載完成后再設置對應的title內容;

<!DOCTYPE html>
<html lang="zh-cn">
...
<title> </title>
<script>
       document.title = '\u200E';
</script>
...

<div id="app"></div>

<script>
       document.title = '....';
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM